angularjs个人使用总结

本文深入探讨了AngularJS中四种不同的数据绑定方式:ng-model、ng-bind、ng-value及{{}

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.数据自动刷新问题:
(1).ng-model是双向数据绑定$scope<—>view层,在js中如果数据更新,页面的值也会自动更新,但ng-model只能在有限的表单几个元素中使用,例如 <input>, <select>, <textarea>;

(2).ng-bind单向数据绑定$scope—>view层,在js中如果数据更新,页面的值也会自动更新,但ng-bind在HTML控件(HTML控件有:input、select、button和textarea)中不可显示,可以再 <div>,<span>中使用;

(3).ng-value用于设置 input 或 select 元素的 value 属性,在js中如果数据更新,页面的值不会自动更新,若ng-model与ng-value都存在的话,则ng-value中值会被覆盖,显示ng-model中的值 ,ng-model的优先级更高;

(4).{{}},在js中如果数据更新,页面的值不会自动更新;

2.添加过滤器问题:
(1). ng-model后面只能添加angularjs自带的过滤器;

(2). ng-bind后面可以添加自己写的过滤器;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值