달력

4

« 2024/4 »

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30

'Javascript & HTML & CSS/angular.js'에 해당되는 글 2

  1. 2016.12.21 Angular.js module controller
2016. 12. 21. 14:24

Angular.js module controller Javascript & HTML & CSS/angular.js2016. 12. 21. 14:24


<div ng-app="myApp" ng-controller="myCtrl">

First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl'function($scope) {
    $scope.firstName= "John";
    $scope.lastName= "Doe";
});
</script>



module : 앱을 정의함

var app = angular.module('myApp', []);


controller : 앱을 제어함

app.controller('myCtrl' , function($scope){

$scope.firstName = "John";

$scope.lastName = "Doe";

});







http://www.w3schools.com/angular/angular_intro.asp

'Javascript & HTML & CSS > angular.js' 카테고리의 다른 글

angular.js 시작!  (0) 2016.12.21
:
Posted by 클레잇