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

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

tag:控制器学习笔记电脑软件angularjs

相关内容