相关疑难解决方法(0)

如何从作为可重用组件的指令公开公共API?

如果有一个可重用组件的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;
            }
        }
    }
});
Run Code Online (Sandbox Code Playgroud)

然后当有:

<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>
Run Code Online (Sandbox Code Playgroud)

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

是否有意义?

angularjs angularjs-directive angularjs-scope

35
推荐指数
4
解决办法
1万
查看次数