재시도 검사에서 Angular ng-repeat가 작동하지 않습니다

Question

Angular 지시어 테스트에서 작동하도록 ng-repeat를 얻으 려하지만 $ scope 변수가 업데이트되고 $ digest()가 실행되면보기가 업데이트되지 않습니다. 호출됩니다.

'use strict'; 

describe('Asset tests', function() { 
    var $compile, 
     $rootScope, 
     $scope, 
     $timeout, 
     templateHtml = '<span ng-repeat="asset in assets">{{asset.id}}</span>', 
    view; 

    beforeEach(function() { 
     module('my.module'); 
     inject(function(_$compile_, _$rootScope_, _$timeout_) { 
      $compile = _$compile_; 
      $rootScope = _$rootScope_; 
      $timeout = _$timeout_; 
      $scope = $rootScope.$new(); 

      $scope.assets = []; 
      $scope.selectedItems = []; 
      $scope.deleteAsset = function() { 
       console.log('yay'); 
      }; 
      view = angular.element(templateHtml); 
      $compile(view)($scope); 
      $scope.$apply(); 
     }); 
    }); 

    describe('Testing some stuff', function() { 
     it('should test some stuff', function() { 
      for(var i = 0; i < 3; i ++) { 
       $scope.assets.push({id:i, name: 'Rad ' + i}); 
      }; 
      $scope.$digest(); 
      console.log(view); 
      console.log(jQuery('span').length); 
     }); 
    }); 
}); 

로그 문 출력 : HTML 템플릿을 제대로 컴파일하면

LOG: {0: <span ng-repeat="assets in assets">{{asset.id}}</span>, length: 1} 
LOG: 56 

Answer 1

나는 생각하지 않습니다. 그것은 assets in assets이고 asset in assets이어야합니다. 시도해 봐.

플러스, 나는 당신이 옳은 것을 컴파일하지 않는다고 생각합니다. 텍스트 템플릿을 컴파일하고 있지만 실제 뷰 요소는 컴파일하지 않습니다.

view = angular.element(templateHtml); 
$compile(view)($scope); 

Answer 2

이 질문은 오래된 질문이지만 비슷한 문제가있어서 나를 위해 일했습니다. 템플릿에 문제가 있습니다. ng-repeat가있는 범위를 감싸기 위해 div 또는 무언가를 추가해야했습니다. 에서 변경이 경우 :

templateHtml = '<span ng-repeat="asset in assets">{{asset.id}}</span>' 

templateHtml = '<div><span ng-repeat="asset in assets">{{asset.id}}</span></div>' 

에 트릭을 할 것입니다.

누군가 도움이되기를 바랍니다.