为什么不是$摘要更新我的范围在我的单元测试

Question

我有以下代码。出于某种原因，测试1失败。谁能告诉我为什么？

angular. 
    module('myModule', []). 
    directive('myDirective', function() { 
     return { 
      restrict: 'E', 
      scope: { 
       myAttr: '=' 
      }, 
      link: function (scope, element, attrs) { 
       element.text(scope.myAttr); 
      } 
     } 
    }); 

describe('test', function() { 
    var compile, rootScope; 

    beforeEach(module('myModule')); 

    beforeEach(inject(function ($compile, $rootScope) { 
     compile = $compile; 
     rootScope = $rootScope; 
    })); 

    describe('test 1', function() { 
     it('test', function() { 
      scope = rootScope.$new(); 

      // scope.myVar = "test"; 

      element = compile('<my-directive my-attr="myVar" />')(scope); 
      scope.$digest(); 

      scope.myVar = "test"; 
      scope.$digest(); 

      expect(element.text()).toBe("test"); 
     }); 
    }); 

    describe('test 2', function() { 
     it('test', function() { 
      scope = rootScope.$new(); 

      scope.myVar = "test"; 

      element = compile('<my-directive my-attr="myVar" />')(scope); 
      scope.$digest(); 

      scope.myVar = "test"; 
      scope.$digest(); 

      expect(element.text()).toBe("test"); 
     }); 
    }); 
}); 

Answer 1

element.text(scope.myAttr);需要被包裹在一块手表，像这样：

angular. 
    module('myModule', []). 
    directive('myDirective', function() { 
     return { 
      restrict: 'E', 
      scope: { 
       myAttr: '=' 
      }, 
      link: function (scope, element, attrs) { 
       scope.$watch('myAttr', function() { 
        element.text(scope.myAttr); 
       }); 
      } 
     } 
    });