AngularJS - $編譯一個以對象作為屬性參數的指令

Question

當我使用$compile創建和綁定指令時，我如何添加變量作為屬性？ 變量是一個對象。

var data = {
    name: 'Fred'
};

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

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

$element.append(el);

而myDirective會期待：

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

我試過了

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

相反也是。

Answer 1

這很簡單，只需創建新范圍並在其上設置數據屬性即可。

 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>