angular-数据绑定的最佳实践

来源：互联网发布：网络梗编辑：程序博客网时间：2024/06/03 15:42

由于Javascript自身的特点，以及它在传递值和引用时的不同处理方式，通常认为，在视图中通过对象的属性而非对象本身来进行引用绑定，是Angular中的最佳实践。

<!doctype html><html ng-app>  <head><script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>  </head>  <body>    <div ng-controller="MyController">      <h1>Hello {{ clock.now }}!</h1>    </div>    <script type="text/javascript" src="js/app.js"></script>  </body></html>

在这个例子中，相比每秒钟都更新$cope.clock,更新clock.now的值会是更好的选择，有了这个优化后，我们将反映数据变化的逻辑做如下修改：

//app.jsfunction MyController($scope){$scope.clock= {    now:new Date()};var updateClock = function(){    $scope.clock.now = new Date();};setInterval(function(){    $scope.$apply(updateClock);},1000);updateClock();}

将所有绑定都通过这样的形式放在视图中。。。

0 1