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 } }
以上是本文的全部内容,希望大家能喜欢。