3

2 つのディレクティブがあり、そのうちの 1 つで API を公開して、他のユーザーが使用できるようにしたいと考えています。この例のガイダンスに従って、他のディレクティブのコントローラーが必要なときにこのエラーが発生します。

Error: No controller: foo
    at Error (<anonymous>)
    at getControllers (http://localhost:3000/vendor/angular/angular.js:4216:19)
    at nodeLinkFn (http://localhost:3000/vendor/angular/angular.js:4345:35)
    at compositeLinkFn (http://localhost:3000/vendor/angular/angular.js:3953:15)
    at publicLinkFn (http://localhost:3000/vendor/angular/angular.js:3858:30)
    at <error: illegal access>
    at Object.Scope.$broadcast (http://localhost:3000/vendor/angular/angular.js:8243:28)
    at http://localhost:3000/vendor/angular/angular.js:7399:26
    at wrappedCallback (http://localhost:3000/vendor/angular/angular.js:6780:59)
    at wrappedCallback (http://localhost:3000/vendor/angular/angular.js:6780:59) <bar class="ng-scope">

私のディレクティブは次のように定義されています。

})
    .directive('foo', function() {
        return {
            restrict: 'E',
            template: '<h1>Foo</h1>',
            controller: function($scope) {
                $scope.someArray = [];

                this.doStuff = function() {
                   $scope.someArray.push('abc');
                }
            },
            link: function(scope, element, attrs) {

            }
        }
    })
    .directive('bar', function() {
        return {
            require: 'foo',
            restrict:'E',
            template: '<h1>Bar</h1>',
            link: function(scope, element, attrs, fooCtrl) {
                element.bind('mouseent', function() {
                    fooCtrl.doStuff();
                })
            }
        }
    })

2番目のディレクティブが最初のディレクティブのコントローラーを認識できない理由を知っている人はいますか?

ありがとう、

4

1 に答える 1

4

requireディレクティブ定義オブジェクトのプロパティは、コントローラーをリンク関数に挿入します。

ただしfoo: ディレクティブは単独では開始されません。要素内でディレクティブを宣言する必要もあります。のように: <div foo="hello" bar="world"></div>。

また、組み合わせることができる2つのプレフィックスがあります。

  1. ?: 「要件をオプションにする」、エラーは発生しません。
  2. ^：「親要素でそれを探してください」、通常、必要なディレクティブは同じ要素にあると予想されます。これにより、親要素が検索されます。
于 2013-03-31T00:02:52.353 に答える