Я создаю небольшое приложение, и у меня есть следующая директива с шаблоном.Угловые изолированные значения области не отображаются в шаблоне при использовании.
smallgrid.directive.js:
angular.module('myActions')
.directive('smallgrid', ['$rootScope', function($rootScope) {
return {
restrict: "E",
scope: {
actionable: "="
},
controller: function($scope) {
$scope.setLocation = function() {
console.log("yee");
};
}
};
}])
.directive('three', function() {
return {
replace: true,
templateUrl: '/app/my_actions/directives/templates/grid3x3.template.html'
};
})
.directive('four', function() {
return {
replace: true,
templateUrl: '/app/my_actions/directives/templates/grid4x4.template.html'
};
})
.directive('five', function() {
return {
replace: true,
templateUrl: '/app/my_actions/directives/templates/grid5x5.template.html'
};
});
grid3x3.template.html
<div class="k-edit-field" id="board">
<div class="row" ng-click="setLocation()">
{{actionable.probability}}
</div>
</div>
Я использую эту директиву следующим образом:
<smallgrid three actionable="currentAction.actionable" ng-if="somecondition"></smallgrid>
Пользовательский интерфейс делает правильно. Однако он показывает, что {{actionable.probability}}
пуст, и событие Click не срабатывает. Однако, если я удаляю изолированную область и напрямую обращаюсь к переменной, значения доступны. Я понимаю, что когда я использую изолированные области, в директиве three
, я не могу получить доступ к значениям smallgrid
. Есть ли способ передать эти значения от smallgrid
к шаблону?
Высокий. Спасибо за описательный ответ. –