当前位置:首页 > 日记 > 正文

AngularJS基本学习笔记控制器

AngularJS基本学习笔记控制器
的AngularJS控制器的AngularJS应用的数据控制。

的AngularJS控制器是一种常见的Javascript对象。

AngularJS控制器

的AngularJS应用由控制器控制。

NG控制器指令定义应用程序控制器。

控制器是一个Javascript对象,可以由标准的Javascript对象构造函数创建。

第一名:
最后的名字:

姓名:{ {名++姓} }

VaR的应用= angular.module('myapp,{ });
App.controller('myctrl功能(范围){
scope.firstname美元=约翰;
scope.lastname美元=无名氏;
});
代码解释:

AngularJS应用由NG程序=MyApp定义。应用的有效范围是位于吴APP。

NG控制器=myctrl属性是一个AngularJS指令,它定义了一个控制器。

的myctrl函数是一个普通的Javascript函数。

AngularJS使用范围对象调用控制器。

在AngularJS,美元的范围是一个应用程序对象(即,一个变量和一个函数应用的所有者)。

该控制器包含两个属性(或变量):FirstName和LastName。它们是属于美元的范围对象。

NG模式指令将输入标签的价值,使控制器的性能(FirstName和LastName)。

控制器方法

上面的例子表明,控制器对象包含两个属性:姓和名。

控制器还可以包括方法(将函数分配给变量):

第一名:
最后的名字:

姓名:({ {姓名} })

VaR的应用= angular.module('myapp,{ });
App.controller('personctrl功能(范围){
scope.firstname美元=约翰;
scope.lastname美元=无名氏;
scope.fullname美元=函数(){
返回的scope.firstname ++ scope.lastname美元;
}
});
将控制器放在外部文件中

在大型应用程序中,控制器代码通常是在外部文件中编写的。

复制代码在标签的personcontroller.js外部文件:

第一名:
最后的名字:

姓名:{ {名++姓} }
另一个例子

创建一个新文件的名字namescontroller.js控制器:

Angular.module('myapp,{ })。控制器('namesctrl功能(范围){
scope.names美元= {
{姓名:'jani国家:'norway},
{姓名:'hege国家:'sweden},
{姓名:'kai国家:'denmark}
};
});
然后在应用程序中使用这个控制器文件:
转折结构+,+ x.country } }

以上是本文的全部内容,希望大家能喜欢。

相关文章

PHP使用cookie来记住用户名和密码

PHP使用cookie来记住用户名和密码

密码,用户名,代码,电脑软件,PHP, 记住用户名和密码 用户名 uff1a name> uff1a密码 > 记住用户名和密码 check_remember.php $name = $ _post { 'name' }; 密码=美元美元_post { 'password}; 记得_post美元美元= { 'remember}; 如果($ = …

javascript异步编程代码编写规范承诺学习

javascript异步编程代码编写规范承诺学习

异步编程,代码编写,承诺,规范,学习笔记,最近,工作很简单,想到了一个我经常看到的诺言,所以我很有耐心,也很有学问。 1:什么是承诺你为什么有这个东西 首先,承诺旨在解决Javascript代码在异步编程中的编写方式。 使用Javascript的发展,有越来越多的异步场景。…

超级心痛分手与失恋经典签名

超级心痛分手与失恋经典签名

心痛,经典,电脑软件,以下是萧边的收藏超级心碎,破碎的爱的内容,经典的个性签名。如果你喜欢Xiaobian的推荐,请继续关注。 我和他分手了,我从来没有赢过第三次。 夫妻本是同林鸟,飞桃临门。 那些说永不分离的人早已离散了世界。 分手后说一些不重…

网页设计与西方建筑发展的相似之处

网页设计与西方建筑发展的相似之处

西方,网页设计,之处,建筑,电脑软件,网络设计和西方建筑有什么相似之处本文给出了一个分析 历史总是令人惊讶的,西方建筑和网页设计是一个复杂的工程和艺术。他们的发展非常相似,与以下四个因素有着密不可分的关系。 所有都为用户提供了一个…

Javascript达到完美的拖拽效果

Javascript达到完美的拖拽效果

拖拽,效果,完美,电脑软件,Javascript,拖放原理 1。得到的距离(鼠标位置的外面,距离odiv) 2。了解何时使用移动鼠标事件 三.判断边界是否已过 HTML代码: CSS代码: # DIV1 {宽度:100px;身高:100px;背景:红色;位置:绝对} Javascript代码: 窗口。指针函数(){ …

如何欣赏衣帽间衣帽间的装饰效果

如何欣赏衣帽间衣帽间的装饰效果

衣帽间,效果,电脑软件,衣帽间是一个小而温暖的地方。装修中也有很多的注意。细节决定质量。 女房客,许多个人的服装,尤其是在冬去春来,冬天的毛衣、棉会聚集在一起,拿出了自己的光和美丽的春天,这需要一个合适的衣帽间,这几乎是每个女人的梦想,但…

excel函数中有哪些excel函数

excel函数中有哪些excel函数

函数,中有,电脑软件,excel,数据库和列表管理功能: 平均返回选定数据库项的平均值。 计算数据库中包含数字的单元格的数量。 数据库中的非空单元数COUNTA计算 dget提取符合指定条件的单个记录从数据库 max返回所选数据库项中的最大值。 min返…

PS图象处理软件变成可爱的动物变成

PS图象处理软件变成可爱的动物变成

图象,处理软件,奥特曼,动物,过程,本教程介绍朋友到PS图象处理软件,把可爱的动物到奥特曼的方法。教程非常有效,方法非常简单。推荐他们。 PS图象处理软件有很多功能,和面部的修饰是其功能之一,萧边今天与大家分享关于如何有小动物喜欢奥特曼,我…

正确的PHP与UTF-8中文正则表达式

正确的PHP与UTF-8中文正则表达式

正则表达式,中文,正确,电脑软件,UTF,我以前用过这个。 复制代码代码如下所示: preg_match(' ~ { x7f - xff } + ~是美元美元,字符串,TMP); 今天发现,它也将符合一些欧洲国家的特点。 您应该使用以下内容,注意修饰符u 复制代码代码如下所示: pr…

PHP对象与数组的相互转换方法

PHP对象与数组的相互转换方法

对象,转换方法,数组,电脑软件,PHP,本文演示了PHP对象和数组的相互转换,供大家参考,具体分析如下: 这里我们定义了2个PHP匿名对象和数组相互转换的函数。代码如下: 功能array2object($array){ 如果(is_array($array)){ $ obj =新StdClass(); foreach(数组…

JS正则表达式中的单行模式和多行模

JS正则表达式中的单行模式和多行模

模式,正则表达式,案例分析,电脑软件,JS,本文对JS正则表达式中的单行模式和多行模式进行了分析,供大家参考: js正则表达式不支持单行模式,也就是说,您不能处理一个内容(一行),使用一个模式修饰符,并将内容的整个部分作为一行。 常规行置换要求 /毫…

CorelDraw图像覆盖到文本最简单的

CorelDraw图像覆盖到文本最简单的

覆盖,图像,文本,解决方案,最简单,如何画块CorelDRAW的文字当你设计的东西用CorelDraw,有时你拖动图片,你觉得图片是封闭的文本,那么我们该怎么做这里有一个超级简单的方式与你需要的朋友分享。 当我们设计的东西用CorelDraw,有时我们拖动图片,我…