相关疑难解决方法(0)

我有一个有自己的控制器的指令.请参阅以下代码:

var popdown = angular.module('xModules',[]);

popdown.directive('popdown', function () {
    var PopdownController = function ($scope) {
        this.scope = $scope;
    }

    PopdownController.prototype = {
        show:function (message, type) {
            this.scope.message = message;
            this.scope.type = type;
        },

        hide:function () {
            this.scope.message = '';
            this.scope.type = '';
        }
    }

    var linkFn = function (scope, lElement, attrs, controller) {

    };

    return {
        controller: PopdownController,
        link: linkFn,
        replace: true,
        templateUrl: './partials/modules/popdown.html'
    }

});

这是一个错误/通知/警告的通知系统.我想要做的是从另一个控制器(而不是指令控制器)调用show该控制器上的函数.当我这样做时,我还希望我的链接功能检测到某些属性已更改并执行一些动画.

这里有一些代码来举例说明我的要求:

var app = angular.module('app', ['RestService']);

app.controller('IndexController', function($scope, RestService) {
    var …

我们遇到的问题是在我们的指令的link函数中使用&符号'&'调用传递给指令的函数.

似乎在控制器上调用了该函数,但在调用中没有传递参数.我们看到的所有示例都涉及通过在模板中创建调用来进行传递.有没有办法从它的模板调用你的指令函数,然后在调用传递给它的控制器函数的指令中做一些事情？

如果有一个可重用组件的angular指令,那么公开可以从控制器访问的公共API的最佳做法是什么？因此,当有多个组件实例时,您可以从控制器进行访问

angular.directive('extLabel', function {
    return {
        scope: {
            name: '@',
            configObj: '='
        },
        link: function(scope, iElement, iAttrs) {
            // this could be and exposed method
            scope.changeLabel = function(newLabel) {
                scope.configObj.label = newLabel;
            }
        }
    }
});

然后当有:

<ext-label name="extlabel1" config-obj="label1"></ext-label>
<ext-label name="extlabel2" config-obj="label2"></ext-label>
<ext-label name="extlabel3" config-obj="label3"></ext-label>

如何在控制器中访问extLabel2的scope.changeLabel？

是否有意义？

似乎网上存在类似问题的一些问题,但没有解决方案适合我.

我有一个指令,让我们说包括这样的函数(在指令中):

link: function(scope, element, attrs) {

     scope.myfunction = function (){
          console.log('function run');
     };
}

女巫我想让它从一个控制器运行(调用它),像这样简单:

$scope.myFunction();

所以我可以从指令代码之外的页面的一部分调用它,让我们这样说:

<button ng-click="myFunction()">Run</button>

可能吗？