Показать сообщение отдельно
  #8 (permalink)  
Старый 23.11.2017, 18:06
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Мой "Hello World!"

<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
</head>
<body>
   <main ng-controller="AppController">
    <div >{{ inputstring }}</div>
    <div>
      <span ng-click="getLetter('q')">q</span>
      <span ng-click="getLetter('w')">w</span>
      <span ng-click="getLetter('e')">e</span>
      <span ng-click="getLetter('r')">r</span>
      <span ng-click="getLetter('t')">t</span>
      <span ng-click="getLetter('y')">y</span>
    </div>
   </main>
<script>
(function() {

  'use strict';

  angular
  .module('app', [])

   .controller('AppController', ['$scope', function($scope) {
       $scope.getLetter = function(letter) {
           $scope.inputstring = ($scope.inputstring?$scope.inputstring:"") +  letter ;
       };
  }]);

})();
</script>
</body>
</html>
Ответить с цитированием