先看個示例

<div ng-app="myApp" ng-controller="myCtrl"><!-- 在該控制器內(nèi)保存著如下兩個Model里的數(shù)據(jù)ng-model 指令用于雙向綁定輸入域到控制器的屬性 --> 第一個數(shù)字: <input type="text" ng-model="first"><br>第二個數(shù)字: <input type="text" ng-model="second"><br><br>相乘結(jié)果: {{first* second}}</div><script>//AngularJS 應用程序：在 <div> 內(nèi)由 ng-app 定義運行。var app = angular.module('myApp', []);//控制器app.controller('myCtrl', function($scope) {//$scope 是一個應用對象，用于調(diào)用控制器，并保存Model(模型)的對象//給控制器里的model賦值$scope.first= 10;$scope.second= 20;}); </script>

控制器定義

在<div>內(nèi)由ng-controller 指令定義，操作應用程序的 JavaScript 對象。
其中應用程序是指由ng-app指令定義的對象。

控制器方法

控制器也可以有方法（變量和函數(shù)）：

<div ng-app="myApp" ng-controller="myCtrl">運行方法: {{methodName()}}</div><script>var app = angular.module('myApp', []);app.controller('myCtrl', function($scope) {$scope.methodName= function() {return "輸出到頁面";}}); </script>

外部文件中的控制器

在大型的應用程序中，通常是把控制器存儲在外部文件中。
此時只需要把 <script> 標簽中的代碼復制到名為 myController.js 的外部文件中，然后引入即可：

<div ng-app="myApp" ng-controller="myCtrl">運行方法: {{methodName()}} </div><script src="myController.js"></script>

總結(jié)

以上是生活随笔為你收集整理的深究AngularJS——AngularJS中的Controller(控制器)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。