先看个示例


<div ng-app="myApp"   ng-controller="myCtrl"><!-- 在该控制器内保存着如下两个Model里的数据ng-model 指令用于双向绑定输入域到控制器的属性 --> 第一个数字: <input type="text" ng-model="first"><br>第二个数字: <input type="text" ng-model="second"><br><br>相乘结果: {{first* second}}</div><script>//AngularJS 应用程序：在 <div> 内由 ng-app 定义运行。var app = angular.module('myApp', []);//控制器app.controller('myCtrl', function($scope) {//$scope 是一个应用对象，用于调用控制器，并保存Model(模型)的对象//给控制器里的model赋值$scope.first= 10;$scope.second= 20;});
</script>

控制器定义

在<div>内由ng-controller 指令定义，操作应用程序的 JavaScript 对象。
其中应用程序是指由ng-app指令定义的对象。

控制器方法

控制器也可以有方法（变量和函数）：

<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>

深究AngularJS——AngularJS中的Controller(控制器)相关推荐

php中yii的controller,详解PHP的Yii框架中的Controller控制器，yiicontroller
详解PHP的Yii框架中的Controller控制器,yiicontroller 控制器是 MVC 模式中的一部分, 是继承yii\base\Controller类的对象,负责处理请求和生成响应. 具 ...
如何调用AngularJS指令中定义的方法？
本文翻译自:How to call a method defined in an AngularJS directive? I have a directive, here is the code : ...
在AngularJS应用中实现认证授权
在AngularJS应用中实现认证授权在每一个严肃的应用中,认证和授权都是非常重要的一个部分.单页应用也不例外.应用并不会将所有的数据和功能都暴露给所有的用户.用户需要通过认证和授权来查看应用的某 ...
【转】angularjs指令中的compile与link函数详解
这篇文章主要介绍了angularjs指令中的compile与link函数详解,本文同时诉大家complie,pre-link,post-link的用法与区别等内容,需要的朋友可以参考下通常大家在使用 ...
springboot controller 中新建一个控制器类提示该类从未被使用
java web项目 springboot框架 webapi前后端分离看了一篇文章从文章中提到的github上拉取的代码在springboot中新建一个控制器类,却提示该类从未被使用? 是因为创 ...
AngularJS进阶(十九)在AngularJS应用中集成百度地图实现定位功能
在AngularJS应用中集成百度地图实现定位功能注:请点击此处进行充电! 前言根据项目需求,需要实现手机定位功能,考虑到百度业务的强大能力,遂决定使用百度地图第三方服务. 添加第三方模块的步骤与 ...
AngularJS进阶十九在AngularJS应用中集成百度地图实现定位功能
在AngularJS应用中集成百度地图实现定位功能注:请点击此处进行充电! 前言根据项目需求,需要实现手机定位功能,考虑到百度业务的强大能力,遂决定使用百度地图第三方服务. 添加第三方模块的步骤与 ...
跟我学AngularJs:AngularJs入门及第一个实例
林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 摘要:主要给大家介绍了AngularJs及其特性,并以3个实例来做说明. 本教程使用Angul ...
通过源代码研究ASP.NET MVC中的Controller和View（二）
通过源代码研究ASP.NET MVC中的Controller和View(一) 在开始之前,先来温习下上一篇文章中的结论(推论): IView是所有HTML视图的抽象 ActionResult是Cont ...

深究AngularJS——AngularJS中的Controller(控制器)

先看个示例

控制器定义

控制器方法

外部文件中的控制器

深究AngularJS——AngularJS中的Controller(控制器)相关推荐

最新文章

热门文章