angularjs – isolationScope()在使用templateUrl时返回undefine
发布时间:2020-12-17 08:04:26 所属栏目:安全 来源:网络整理
导读:我有一个指令,我想要单元测试,但我遇到的问题,我无法访问我的孤立的范围。这是指令: my-directive/my-directive 和它背后的代码: angular.module('demoApp.directives').directive('myDirective',function($log) { return { restrict: 'E',templateUrl:
我有一个指令,我想要单元测试,但我遇到的问题,我无法访问我的孤立的范围。这是指令:
<my-directive></my-directive> 和它背后的代码: angular.module('demoApp.directives').directive('myDirective',function($log) { return { restrict: 'E',templateUrl: 'views/directives/my-directive.html',scope: {},link: function($scope,iElement,iAttrs) { $scope.save = function() { $log.log('Save data'); }; } }; }); 这是我的单元测试: describe('Directive: myDirective',function() { var $compile,$scope,$log; beforeEach(function() { // Load template using a Karma preprocessor (http://tylerhenkel.com/how-to-test-directives-that-use-templateurl/) module('views/directives/my-directive.html'); module('demoApp.directives'); inject(function(_$compile_,_$rootScope_,_$log_) { $compile = _$compile_; $scope = _$rootScope_.$new(); $log = _$log_; spyOn($log,'log'); }); }); it('should work',function() { var el = $compile('<my-directive></my-directive>')($scope); console.log('Isolated scope:',el.isolateScope()); el.isolateScope().save(); expect($log.log).toHaveBeenCalled(); }); }); 但是当我打印出孤立的范围时,会导致未定义。真正让我感到困惑的是,如果不使用templateUrl,我只需在我的指令中使用模板,那么一切都有效:isolationScope()有一个完整的scope对象作为其返回值,一切都很好。然而,不知何故,当使用templateUrl时,它会中断。这是一个在mo-mocks或者Karma预处理器中的错误? 提前致谢。
我有同样的问题。看来,当使用templateUrl调用$ compile(element)($ scope)时,摘要循环不会自动启动。所以你需要手动设置它:
it('should work',function() { var el = $compile('<my-directive></my-directive>')($scope); $scope.$digest(); // Ensure changes are propagated console.log('Isolated scope:',el.isolateScope()); el.isolateScope().save(); expect($log.log).toHaveBeenCalled(); }); 我不知道为什么$ compile函数不会为你做这个,但它必须是一些与templateUrl的工作方式相似的特性,因为你不需要调用$ scope。$ digest()if你使用内联模板。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |