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>