AngularJs学习日记[5]:ng-controller控制器

demo:

<!DOCTYPE html>
<html>
<body>

<div ng-app="" ng-controller="personController">

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>
function personController($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
}
</script>

<script type="text/javascript" src="angular.min.js"></script>

</body>
</html>

上述代码中,定义了一个ng-controller="personController"属性,它可以对整个应用进行控制。此例中,2个输入框的默认值不再分别通过自定义属性设置,而是统一在在控制器中进行了设置。

参考文献:http://www.w3schools.com/angular/default.asp

你可能感兴趣的:(AngularJs学习日记[5]:ng-controller控制器)