AngularJS 角度JS中的组件
示例
angularJS中的组件可以可视化为自定义指令(在HTML指令中为<html>this,类似的东西将为自定义指令<ANYTHING>)。组件包含一个视图和一个控制器。Controller包含与用户查看的view绑定的业务逻辑。该组件不同于角度指令,因为它包含较少的配置。可以这样定义角度分量。
angular.module("myApp",[]).component("customer", {})组件在角度模块上定义。它们包含两个参数,一个是组件的名称,第二个是包含键值对的对象,该对象定义了像这样使用哪个视图和哪个控制器。
angular.module("myApp",[]).component("customer", {
templateUrl : "customer.html", //您的观点在这里
controller: customerController, //您的控制器在这里
controllerAs: "cust" //控制器的备用名称
})“myApp”是我们正在构建的应用程序的名称,而客户是我们组件的名称。现在在主html文件中调用它,我们将像这样
<customer></customer>
现在,此指令将由您指定的视图和您在控制器中编写的业务逻辑所代替。
注意:请记住,组件将对象作为第二个参数,而指令将工厂函数作为第二个参数。
热门推荐
10 给儿子生日祝福语 简短
11 幼儿住院祝福语老师简短
12 小考加油文案祝福语简短
13 孩子满月随礼简短祝福语
14 七一祝福语明信片文案简短
15 新人结婚简短祝福语大全
16 老师节祝福语的简短
17 生日油画棒祝福语简短
18 中秋祝福语给父亲简短