Передачи объекта области действия директивы угловой через $ компилировать

Question

Я знаю, что если у меня есть директива в HTML, я могу передать объекты от моего $ рамки к нему:

<mydirective some-data="someData"></mydirective> 

... где someData может быть JSON объект ,

Возможно ли передать ссылку на someData, если я создаю директиву динамически и использую $compile?

$scope.someData = { firstName: 'John', lastName: 'Doe' }; 

var link = $compile("<mydirective some-data='???'></mydirective>"); 
var content = link($scope); 
$(body).append(content); 

Answer 1

Да, вы можете передать объект

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

 
myApp.directive('passObject', function() { 
 
    return { 
 
     restrict: 'E', 
 
     scope: { obj: '=' }, 
 
     template: '<div>Hello, {{obj.prop}}!</div>' 
 
    }; 
 
}); 
 

 
myApp.controller('MyCtrl', function ($scope) { 
 
    $scope.obj = { prop: "world" }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.min.js"></script> 
 
<div ng-controller="MyCtrl"> 
 
    <pass-object obj="obj"></pass-object> 
 
</div>

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

 
myApp.directive('passObject', function() { 
 
    return { 
 
     restrict: 'E', 
 
     scope: { obj: '=' }, 
 
     template: '<div>Hello, {{obj.prop}}!</div>' 
 
    }; 
 
}); 
 

 
myApp.controller('MyCtrl', function ($scope) { 
 
    $scope.obj = { prop: "world" }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> 
 
<div ng-controller="MyCtrl"> 
 
    <pass-object obj="obj"></pass-object> 
 
</div>

директива