闲来无事,斗争一下 select
标签,其中 ngOptions
是关键指令,可指定数据源,需要注意的是使用 ngOptions 指令的同时需要指定 ngModel
, ngModel
用来绑定数据,比如:ng-model=”contry” ,在选中对应的county后,选定的值会绑定到 $scope.country 上面。 (更多…)
AngularJs
AngularJs斗争经验总结(一)
AngularJs
非常强大,它彻底摆脱了传统的前端开发方式,无缝的进行数据绑定,使用它做前端开发着实方便快速。最近开始使用它做项目开发,过程中吃了不少瘪,特此记录一下。
使用自身特性
开始使用AngularJs开发时,还是难免摆脱传统的思维方式,有些地方仍然使用Jquery动态修改数据和绑定事件(会被耻笑啊),其实AngularJs提供的特性已经能够满足我们大部分的需求。拿 input
和 select
标签举例说明:
- input 不要使用
value
属性,尽可能使用ng-model
指令。数据变化时,不会存在value
和defaultValue
不一致的问题。 - 尽可能使用
ng-keyup
、ng-blur
、ng-click
等指令进行事件处理。避免使用Jquery进行DOM绑定。 - select 要使用
ng-model
和ng-options
指令,这将大大减少模板的复杂度。