AngularJS：指令无法访问隔离范围对象

@H_301_0@ 我试图在我的指令中使用Isolate作用域放置一些默认值.基本上,当我的指令被绑定时,我需要使用scope对象进行一些DOM操作.以下是我的代码：

控制器：

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',"");
};

服务：

angular.module('Services').factory('CommonSerivce',function ($rootScope) {
return {       
    broadcastFunction: function(listener,args) {
        $rootScope.$broadcast(listener,args);
    }
};

指示：

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"
    };
});

自定义指令元素：

<temp-directive as-app-obj="asAppObj" as-app-subs="asAppSubs" />

现在,问题是在尝试访问默认方法里面的指令中时,我可以获取一个未定义的值,而数据即将到来并被绑定到DOM.如何访问广播监听器中的隔离范围并修改指令模板HTML？还有另一个处理这个问题的人吗？

angular.module('ctrl',[]).controller('TempCtrl',function ($scope,$rootScope) { $scope.appSubscriptions = "Subscriptions"; $scope.appObj = "Objs"; $scope.showAppEditWindow = function () { //Binding the directive isolate scope objects with parent scope objects $scope.asAppObj = $scope.appObj; $scope.asAppSubs = $scope.appSubscriptions; }; }); angular.module('ctrl').directive('tempDirective',function () { return { restrict: 'E',replace: true,scope: { appObj: '=asAppObj',appSubs: '=asAppSubs' },link: function (scope,attrs) { },controller: function ($scope,$timeout) { $scope.$watch("appSubs",function(newValue,OldValue,scope){ if (newValue){ alert(JSON.stringify(newValue)); } }); },template: "<div>{{appSubs}}</div>" }; });

AngularJS：指令无法访问隔离范围对象

猜你在找的Angularjs相关文章