angular-数据绑定的最佳实践
发布时间：2020-12-17 10:02:51 所属栏目：安全 来源：网络整理
导读：由于Javascript自身的特点，以及它在传递值和引用时的不同处理方式，通常认为，在视图中通过对象的属性而非对象本身来进行引用绑定，是Angular中的最佳实践。 !doctype html html ng-app head script src = "http://code.angularjs.org/angular-1.0.1.min.js
|
由于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.js
function MyController($scope){
$scope.clock= {
now:new Date()
};
var updateClock = function(){
$scope.clock.now = new Date();
};
setInterval(function(){
$scope.$apply(updateClock);
},1000);
updateClock();
}
将所有绑定都通过这样的形式放在视图中。。。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |