Próbuję wprowadzić niektóre wartości domyślne w mojej dyrektywie z zakresem izolatu. Zasadniczo, potrzebuję wykonać niektóre manipulacje DOM przy użyciu obiektu zasięgu, gdy moja dyrektywa jest związana. Poniżej jest mój kod:AngularJS: Dyrektywa nie jest w stanie uzyskać dostępu obiektów izolowanych
Kontroler:
angular.module('ctrl').controller('TempCtrl', function($scope, $location, $window, $timeout, RestService, CommonSerivce) {
$scope.showAppEditWindow = function() {
//Binding the directive isolate scope objects with parent scope objects
$scope.asAppObj = $scope.appObj;
$scope.asAppSubs = $scope.appSubscriptions;
//Making Initial Settings
CommonSerivce.broadcastFunction('doDirectiveBroadcast', "");
};
Usługa:
angular.module('Services').factory('CommonSerivce', function ($rootScope) {
return {
broadcastFunction: function(listener, args) {
$rootScope.$broadcast(listener, args);
}
};
dyrektywa:
angular.module('directives').directive('tempDirective', function() {
return {
restrict : 'E',
scope:{
appObj:'=asAppObj',
appSubs: '=asAppSubs'
},
link : function(scope, element, attrs) {},
controller : function ($scope,Services,CommonSerivce) {
//Broadcast Listener
$scope.$on('doDirectiveBroadcast', function (event, args) {
$scope.setDefaults();
});
$scope.setDefaults = function() {
//Setting Default Value
alert(JSON.stringify($scope.appSubs)); //Coming as undefined
};
},
templateUrl:"../template.html"
};
});
dyrektywa Niestandardowe Element:
<temp-directive as-app-obj="asAppObj" as-app-subs="asAppSubs" />
Problem polega na tym, że próbując uzyskać dostęp do zakresu izolatu w domyślnej metodzie wewnątrz dyrektywy, otrzymuję niezdefiniowaną wartość, podczas gdy dane przychodzą i są wiązane z DOM. Jak uzyskać dostęp do zakresu izolatu w odbiorniku broadcast i zmodyfikować HTML szablonu dyrektywy? Czy istnieje inny sposób na radzenie sobie z tym?
Czy możesz stworzyć skrzypce? – AlwaysALearner