用隔离作用域和父控制器测试角指令
用隔离作用域和父控制器测试角指令
提问于 2015-09-10 02:16:43
我有一个指令，它创建一个隔离作用域，并通过require选项拥有一个父指令控制器。在link函数中，我将向作用域添加一些方法。
当我试图在测试中编译指令时，我似乎无法访问我在链接函数中添加的方法，即使链接函数确实正在执行。
我的作用域似乎是$rootScope的一个空子作用域。我尝试过使用element.isolateScope()，但这似乎给了我父指令的范围。
我可能是编错了什么东西，有人能帮忙吗？
parent-directive.js
angular.module("app").directive("sortHead", function() {
return {
restrict: "A",
controller: function ($scope) {
$scope.sortField = undefined;
$scope.reverse = false;
this.setSortField = function(value) {
$scope.sortField = value;
};
this.setReverse = function(value) {
$scope.reverse = value;
};
this.getSortField = function(value) {
return $scope.sortField;
};
this.getReverse = function(value) {
return $scope.reverse;
};
}
};
});directive-to-test.js
angular.module("app").directive("sortHeader", function() {
return {
restrict: "A",
templateUrl: "templates/sortHeader.html",
scope: {
title: "@",
sort: "@"
},
require: "^sortHead",
link: function(scope, element, attrs, controller) {
scope.sortBy = function(name) {
if (controller.getSortField() === name) {
controller.setReverse(!controller.getReverse());
} else {
controller.setSortField(name);
controller.setReverse(false);
}
};
scope.getSortField = function() {
return controller.getSortField();
};
scope.getReverse = function() {
return controller.getReverse();
};
}
};
});test.js
beforeEach(inject(function ($rootScope, $compile) {
scope = $rootScope.$new();
element = angular.element("<th sort-header title='Name' sort='name'></th>");
$compile(element)(scope);
scope.$digest();
}));回答 1
Stack Overflow用户
发布于 2015-09-10 14:22:32
从目前的形式来看，这个测试似乎不可行。
这是带有固定规范的柱塞
beforeEach(module('app'));
beforeEach(inject(function ($rootScope, $compile, $templateCache, sortHeaderDirective) {
scope = $rootScope.$new();
$templateCache.put(sortHeaderDirective[0].templateUrl, '');
element = angular.element("<th sort-header title='Name' sort='name'></th>");
element.data('$sortHeadController', {});
$compile(element)(scope);
scope.$digest();
}));
it("should do something", inject(function () {
expect(element.isolateScope().title).toEqual('Name');
}));页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32492024
复制相关文章
相似问题
腾讯云开发者
