在使用angularjs时遇到的几个问题

2、scope中的数据明明改变了但是为什么页面却没有更新？

这种问题可能是由于没有进入AngularJS自己的Context中去而引起无法对视图进行更新导致的，这个时候你可能要手动进行更新

你可以尝试使用$apply或者$digest,但也不要过度滥用$digest，毕竟每次调用都是要消耗很多的资源的，但有时候调用了会遇到如下的报错：

遇到这种问题一般是由于在手动调用$digest的时候使用不当造成的，使用如下的封装就可以了

  
  

   
   
     
   
   
   
    
   
   
   
   
   
   
   
   
   
   
   
  
   
   
   
     
   
   
   
    
   
   
   
   
   
   
   
   
   
   
   
  
   
  
  
 varupdateUI=function(){if(!$scope.$$phase){$scope.$digest();}};varupdateRootUI=function(){if(!$rootScope.$$phase){$rootScope.$digest();}};

3、提交的数据多了会出现很多$$hashKey怎么办

比如下面的数据

这个是因为$$hashKey是AngularJS为了做DirtyCheck加的haskKey，解决这个办法也很简单，在做序列化处理的时候使用angular.toJson函数

代替JSON.stringify来序列化数据即可，这也是一个问题中为什么将JSON.stringify注掉使用angular.toJson的原因。

解决该问题除了使用angular.toJson函数来序列化以外还可以自己在 ng-repeat 的时候写上 track by也可以避免出现$$hashKey。

比如 track by $index 或

 <div ng-controller="Test">
     <button ng-click="request()">请求新数据</button>
         // 使用 track by 标识
       <div ng-repeat="user in users track by user.id">
          {{user.name}}
       </div>
 </div>

在查看 ng-repeat 的源码时可以发现，当 ng-repeat 的数组被替换时,它默认并不会重新利用已有的 Dom 元素，而是直接将其全部删除并重新生成新的数组 Dom 元素：

 // 将上次生成的所有 dom 移除
 for (key in lastBlockMap) {
 if (lastBlockMap.hasOwnProperty(key)) {
  block = lastBlockMap[key];
  elementsToRemove = getBlockElements(block.clone);
  $animate.leave(elementsToRemove);
  forEach(elementsToRemove,function(element) { element[NG_REMOVED] = true; });
  block.scope.$destroy();
 }
     }

Dom 的频繁操作是非常不友好的，为什么 ng-repeat 不能利用已有的 dom 元素去更新数据呢？因为你没有把数组元素的标识属性告诉它，

那么两次替换的时候它就没办法追 踪了，我们可以看到 ng-repeat 往数组里每个元素加了一个 $$hashKey 的属性：

这个 key 是由 Angular 内部的 nextUid() 方法生成的，类似数据库自增，但是使用的是字符串。

现在我们明白了，因为每次替换数组都会导致 ng-repeat 为每个元素生成一个新 key,所以根本没办法重用已有的 Dom 元素，那么我们可以使用下边的语法来避免这个问题：

 <div ng-controller="Test">
    <button ng-click="request()">请求新数据</button>
 // 使用 track by 标识
     <div ng-repeat="user in users track by user.id">
        {{user.name}}
     </div>
 </div>

这样 ng-repeat 就会将其缓存起来啦，当然可能你的数组元素没有一个标识属性，如果元素数量不多那么可以接受，不然还是建议你手动为其生成一个标识属性。