Angularjs 指令依赖于外部指令

Question

我需要在 Angularjs 中开发一个工作流编辑器

这需要一个指令(内部)，该指令应添加一个带有一些数据的 div，并且该指令的数据应来自另一个指令(外部)

一系列 div 将根据参数添加到右侧、顶部或底部。

Answer 1

由于您没有发布任何代码或确切的要求，请查看此演示，其中显示了来自其他指令的调用指令:

HTML

<div ng-controller="MyCtrl">
  <div directive-foo></div>

JS

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

app.directive('directiveFoo', function() {
return {
    template: '<div directive-bar="123">bar</div>',
    replace: true,
    controller: function() {
        console.log('in foo ctrl');
        this.isFooAlive = function() {
            return 'Foo is alive and well';
        }
    }
}
});
app.directive('directiveBar', function() {
return {
    controller: function() {
        console.log('in bar ctrl');
    },
    require: 'directiveFoo',
    link: function(scope, element, attrs, fooCtrl) {
        console.log(fooCtrl.isFooAlive());
    }
}
});

function MyCtrl($scope) {
}

FIDDLE DEMO

希望对你有帮助