AngularJS-将参数传递给指令

Question

我想知道是否有一种方法可以将参数传递给指令？

我想做的是从控制器添加一个指令，如下所示：

$scope.title = "title";
$scope.title2 = "title2";

angular.element(document.getElementById('wrapper')).append('<directive_name></directive_name>');

是否可以同时传递一个参数，以便我的指令模板的内容可以链接到一个作用域或另一个作用域？

这是指令：

app.directive("directive_name", function(){
    return {
        restrict:'E',
        transclude:true,
        template:'<div class="title"><h2>{{title}}</h3></div>',
        replace:true
    };
})

如果我想使用相同的指令但使用$ scope.title2怎么办？

Answer 1

这是我解决问题的方法：

指示

app.directive("directive_name", function(){
    return {
        restrict: 'E',
        transclude: true,
        template: function(elem, attr){
           return '<div><h2>{{'+attr.scope+'}}</h2></div>';
        },
        replace: true
    };
})

控制者

$scope.building = function(data){
    var chart = angular.element(document.createElement('directive_name'));
    chart.attr('scope', data);
    $compile(chart)($scope);
    angular.element(document.getElementById('wrapper')).append(chart);
  }

现在，我可以通过同一指令使用不同的作用域，并动态附加它们。