我有一个指令，我想要单元测试，但我遇到的问题，我无法访问我的孤立的范围。这是指令：
<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)时，摘要循环不会自动启动。所以你需要手动设置它：
原文链接：https://www.f2er.com/angularjs/144034.htmlit('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你使用内联模板。
