AngularJS - $ Bir Attribute Parametresi Olarak Nesne ile bir Direktifi derleyin

Question

Bir yönergeyi oluşturmak ve bağlamak için $compile'u kullandığımda, bir özniteliği nasıl öznitelik olarak da ekleyebilirim? Değişken bir nesnedir.

var data = { 
    name: 'Fred' 
}; 

var dirCode = '<my-directive data-record="data"></my-directive>'; 

var el = $compile(dirCode)($scope); 

$element.append(el); 

Ve myDirective bekliyor olacaktır: Bunun yerine çok

`var dirCode = '<my-directive data-record="' + data + '"></my-directive>';` 

yapıyor çalıştı gelmiş

... 
scope: { 
    record: '=' 
}, 
... 

.

Answer 1

Oldukça kolaydır, yeni kapsam ve veri özelliği oluşturabilirsiniz.

angular.module('app', []); 
 

 
angular 
 
    .module('app') 
 
    .directive('myDirective', function() { 
 
    return { 
 
     restrict: 'E', 
 
     template: 'record = {{record}}', 
 
     scope: { 
 
     record: '=' 
 
     }, 
 
     link: function (scope) { 
 
     console.log(scope.record); 
 
     } 
 
    }; 
 
    }); 
 

 
angular 
 
    .module('app') 
 
    .directive('example', function ($compile) { 
 
    return { 
 
     restrict: 'E', 
 
     link: function (scope, element) { 
 
     var data = { 
 
      name: 'Fred' 
 
     }; 
 
     
 
     var newScope = scope.$new(true); 
 
     newScope.data = data; 
 

 
     var dirCode = '<my-directive data-record="data"></my-directive>'; 
 

 
     var el = $compile(dirCode)(newScope); 
 
    
 
     element.append(el); 
 
     } 
 
    }; 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js"></script> 
 

 
<div ng-app="app"> 
 
    <example></example> 
 
</div>