Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 在测试angular指令时,isolateScope()返回undefined大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
使用Angular v1.2.25和rails资产管道,我试图测试指令的隔离范围确实已经更新.由于isolateScope()返回undefined我得到预期未定义的定义…’
describe("cool directive",function() {

  beforeEach(module('necessarymodule'));

  var scope,$rootScope,$compile,elem,baseElement = '<div auto="mock_a" inc="mock_p" method="mock_m" reset-method="mock_r"></div>';

  beforeEach(inject(function( _$rootScope_,_$compile_,_$httpBACkend_,$http){
    $compile = _$compile_;
    $rootScope = _$rootScope_;
    scope = $rootScope.$new();
    angular.extend(scope,{
      mock_a: [
        {name: "example1"},{name: "example2"}
      ],mock_m: function(){
        return $http.get('/mockBACkend',{
          params:{
            page:  scope.mockPage
          }   
        }); 
      },mock_r: function() {
        scope.page = 1;
        scope.list = []; 
        load();
      },mock_p: 1
    }); 
    $httpListGet = _$httpBACkend_;
    $httpListGet.whenPOST('/api/something').respond({});
    $httpListGet.whenGET('/mockBACkend').respond({name: "example3"});
    $httpListGet.whenGET('/mockBACkend?page=1').respond({name: "example3"});
    $httpListGet.whenGET('/mockBACkend?page=2').respond({name: "example4"});
  }));

    var create = function() {
      elem = angular.element(baseElement);
      compiledElement = $compile(elem)(scopE);
      elem.scope().$apply();
      return compiledElement;
    };  

  it("has 'list' defined",function() {
    var compiledElem = create();
    var isolateElemScope = compiledElem.isolateScope();
    $rootScope.$apply();
    console.log('isolateElemScope',isolateElemScopE);
    expect(isolateElemScope.list).toBeDefined();
  });

我期望指令范围是可访问和可测试的,但是当我测试它时我得到了未定义.谢谢.

获取isolateScope我使用以下代码
compiledElem.children().scope()

是因为大多数指令不使用replace,这意味着指令标记页面上,并且指令实现被添加为该标记的子级.
在这种情况下,隔离范围将属于子项.

即使不是这种情况,代码片段仍然可以工作 – 因为孩子们将分享父母的范围.

唯一不起作用的情况是,你有2个嵌套指令的极端情况,其中内部指令使用replace.但我从未见过这个.

大佬总结

以上是大佬教程为你收集整理的angularjs – 在测试angular指令时,isolateScope()返回undefined全部内容,希望文章能够帮你解决angularjs – 在测试angular指令时,isolateScope()返回undefined所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。