AngularJs斗争经验总结(二)

闲来无事,斗争一下 select 标签,其中 ngOptions 是关键指令,可指定数据源,需要注意的是使用 ngOptions  指令的同时需要指定 ngModel , ngModel 用来绑定数据,比如:ng-model=”contry” ,在选中对应的county后,选定的值会绑定到 $scope.country 上面。 继续阅读

AngularJs斗争经验总结(一)

AngularJs 非常强大,它彻底摆脱了传统的前端开发方式,无缝的进行数据绑定,使用它做前端开发着实方便快速。最近开始使用它做项目开发,过程中吃了不少瘪,特此记录一下。

使用自身特性

开始使用AngularJs开发时,还是难免摆脱传统的思维方式,有些地方仍然使用Jquery动态修改数据和绑定事件(会被耻笑啊),其实AngularJs提供的特性已经能够满足我们大部分的需求。拿 inputselect 标签举例说明:

  1. input 不要使用 value 属性,尽可能使用 ng-model 指令。数据变化时,不会存在 value 和 defaultValue 不一致的问题。
  2. 尽可能使用 ng-keyupng-blurng-click 等指令进行事件处理。避免使用Jquery进行DOM绑定。
  3. select 要使用 ng-modelng-options 指令,这将大大减少模板的复杂度。

继续阅读