-1

环境优先：angularjs 1.2 rc1

我需要两个指令：父母和孩子，所以我使用require: true，但我遇到了一个问题：

Error: [$compile:ctreq] Controller 'testParent', required by directive 'testChildren', can't be found!
http://errors.angularjs.org/1.2.0-rc.2/$compile/ctreq?p0=testParent&p1=testChildren
    at http://127.0.0.1/static/lib/angular/1.2.0rc2/angular.js:78:12
    at getControllers (http://127.0.0.1/static/lib/angular/1.2.0rc2/angular.js:4981:19)
    at nodeLinkFn (http://127.0.0.1/static/lib/angular/1.2.0rc2/angular.js:5122:35)
    at compositeLinkFn (http://127.0.0.1/static/lib/angular/1.2.0rc2/angular.js:4640:15)
    at nodeLinkFn (http://127.0.0.1/static/lib/angular/1.2.0rc2/angular.js:5115:24)
    at compositeLinkFn (http://127.0.0.1/static/lib/angular/1.2.0rc2/angular.js:4640:15)
    at publicLinkFn (http://127.0.0.1/static/lib/angular/1.2.0rc2/angular.js:4549:30)
    at http://127.0.0.1/static/lib/angular/1.2.0rc2/angular-route.js:854:15
    at publicLinkFn (http://127.0.0.1/static/lib/angular/1.2.0rc2/angular.js:4548:29)
    at update (http://127.0.0.1/static/lib/angular/1.2.0rc2/angular-route.js:832:13) <div test-children="">

我的代码很简单（只需 4 次测试）：

angular.module('app', [])


.directive('testParent', [function() {
    return {
        restrict: 'EA',

        link: function link(scope, element, attr) {
            element.addClass('abcdef')
        }
    }
}])

.directive('testChildren', [function() {
    return {
        restrict: 'EA',
        require: '^testParent',

        link: function(scope, element, attr) {
            // console.log(ctrl)
                // ctrl.setTest('It is test')
                element.append('inner text')
        }
    }
}])

谁能告诉我怎么回事？？？

4

1 回答 1

1

父指令必须提供一个控制器，然后将其作为子链接函数的可选第四个参数传入

angular.module('app', [])
.directive('testParent', [function() {
    return {
        restrict: 'EA',
        controller: function() { 
            //... must include a controller in parent 
            this.doSomething = () => {}
        }
    }
}])

.directive('testChildren', [function() {
    return {
        restrict: 'EA',
        require: '^testParent',

        link: function(scope, element, attr, parent) {
            parent.doSomething()
        }
    }
}])
于 2013-12-09T17:33:39.217 回答