先看個(gè)示例

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

控制器定義

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

控制器方法

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

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

外部文件中的控制器

在大型的應(yīng)用程序中，通常是把控制器存儲(chǔ)在外部文件中。
此時(shí)只需要把 <script> 標(biāo)簽中的代碼復(fù)制到名為 myController.js 的外部文件中，然后引入即可：

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

總結(jié)

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

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