在前面的博客中,我们能看到类似着这样的代码<div ng-controller="ctrl1">
,这就是AngularJS的控制器指令。
AngularJS 应用程序被控制器控制。ng-controller
指令定义了应用程序控制器。控制器是 JavaScript 对象,由标准的 JavaScript 对象的构造函数创建。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>AngularJS</title>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript">
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.name = "jianggujin";
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="text" ng-model="name" />
<div>Hello {{name}}</div>
</body>
</html>
AngularJS 应用程序由 ng-app
定义。应用程序在<body>
内运行。ng-controller="myCtrl"