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 红包祝福语简短10字
18 周六早晨祝福语简短