javascript - AngularJS : How to bind data to a Directive?

Question

我有一个问题:

app.directive('myDirective', function(){
    return{
        retrict: 'EA',
        replace: false,
        scope:{
            fstData: '@',
            sndData: '@'
        },
        template: '<div ng-controller="myController" arg="{{fstData}}"><h3>{{sndData}}</h3><li ng-repeat="event in eventsCat"></li></div>' 
    }
});

当我在 HTML 中创建 my-directive 标记时，它不会绑定(bind) fstData，但如果我删除 {{fstData}} 并添加一些内容，它就会起作用。

我认为我无法绑定(bind)包含 ng-controller 属性的标签，但我需要此属性(args)，因为在 myController 中我使用它。

谢谢!

在 myController 中我有这个:

app.controller('myController', function($scope, $attrs){
var myVar = myArray[$attrs.arg];

Answer 1

您尝试过这种方法吗？

app.directive('myDirective', function(){
    return{
            retrict: 'EA',
            replace: false,
            scope:{
                fstData: '@',
                sndData: '@'
                },
            link: function(scope ,element , attrs) 
            {
               var markup =  '<div ng-controller="myController" arg="'+scope.fstData+'"><h3>'+scope.sndData+'</h3><li ng-repeat="event in eventsCat"></li></div>' ;
               element.append(markup);
            }
    }
});