微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

指令require

<table class="html5"><tr class="li1">
<td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

>     teacher>         {{name}}         <student-a>         <student-b>     >     >         var app = angular.module("app",[]);           //studentA——require指向父级指令teacher         app.directive('studentA',function () {             return {                 require: '?^teacher',                scope: {},                template: '>A`s teacher name: >{{teacherName}}><>',                link: function ($scope,$element,$attrs,ctrl) {                     //获取teacher指令控制器,并调用方法sayName()                     $scope.teacherName = ctrl.sayName();                 }             };         });           //studentB——require指向父级指令teacher,及指令studentA         //但是,由于不能获得兄弟,也没有采取?策略,导致报错         app.directive('studentB',function () {             return {                 require: ['?^teacher','studentA'],                template: '>B`s teacher name: >{{teacherName}}><>',ctrl) {                     $scope.teacherName = ctrl.sayName();                 }             };         });           app.directive('teacher',function () {             return {                 restrict: 'A',                controller: function ($scope) {                     $scope.name = "Miss wang";                       //扩展控制器的方法sayName,目的是让外部内获取控制器内部数据                     this.sayName = function () {                         return $scope.name;                     };                 }             };         });     > >  

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐