AngularJS: Diretiva não é capaz de acessar objetos isolados do escopo
Eu estou tentando colocar alguns valores padrão na minha diretiva com escopo de isolamento. Basicamente, eu preciso fazer algumas manipulações DOM usando o objeto scope quando minha diretiva está ligada. Abaixo está o meu código:
Controlador:
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', "");
};
Serviço:
angular.module('Services').factory('CommonSerivce', function ($rootScope) {
return {
broadcastFunction: function(listener, args) {
$rootScope.$broadcast(listener, args);
}
};
Directiva:
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"
};
});
Elemento da diretiva personalizada:
<temp-directive as-app-obj="asAppObj" as-app-subs="asAppSubs" />
Agora, a questão é que, ao tentar acessar o escopo de isolar no método padrão dentro de diretiva, eu estou recebendo um valor indefinido enquanto os dados estão chegando e está ficando vinculado ao DOM. Como posso acessar o escopo de isolamento no listener de transmissão e modificar o HTML do modelo de diretiva? Existe outro wasy para lidar com isso?