I am curious about the following code:
HTML:
<div class="overflow-hidden ag-center" world-data info="target"></div>
js:
.directive('worldData', ['$interval', function($interval) {
return {
scope: {
chart: '=info'
},
template: '<div>{{chart.aaa}}</div>',
link: function($scope, element, attrs) {
$scope.target = {'aaa': 'aaa'};
aaa = $scope.chart;
}
}
}])
I find it interesting that the chart value is undefined and the template has no value. However, when I declare $scope.target within the controller, the code works perfectly. Can you explain why this is happening?