AngularJS数据绑定的最佳实践

来源：互联网发布：pchome online软件编辑：程序博客网时间：2024/05/21 18:38

由于JavaScript自身的特点,以及它在传递值和引用时的不同处理方式,通常认为,在视图中

通过对象的属性而非对象本身来进行引用绑定,是Angular中的最佳实践

如果把这个最佳实践应用到上面时钟的例子中,需要把视图中的代码改写成下面这样:

<!doctype html>

<html ng-app>  <head>

       <body>         <div ng-controller="MyController">

           <h1>Hello {{ clock.now }}!</h1>         </div>

</html>在这个例子中,相比每秒钟都更新$scope.clock,更新clock.now的值会是更好的选择。有

了这个优化后,我们将反映数据变化的逻辑做如下修改:

// 在app.js中
function MyController($scope) {

         $scope.clock = {             now: new Date()

         };         var updateClock = function() {

             $scope.clock.now = new Date()         };

         setInterval(function() {             $scope.$apply(updateClock);

}, 1000);

         updateClock();     };

      将所有绑定都通过这样的形式放在视图中,是个非常好的主意

2 0