指令require

<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

? ? ? ? ? ? {{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; ? ? ? ? ? ? ? ? ? ? }; ? ? ? ? ? ? ? ? } ? ? ? ? ? ? }; ? ? ? ? }); ? ? > > ?（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

<table class="html5">