随笔分类 -  AngularJS

AngularJS 中ngOptions使用时需要注意的问题
摘要：使用angularjs 中的select时遇到一个问题，设定了下拉框的集合，绑定了ngModel,并且该model的值有一个预设的值，当显示时的select下拉框则找不到预设值： $scope.Options = { selectedOption:{ id:0, name:"test0" ... 阅读全文
posted @ 2015-12-07 18:41 testForever 阅读(830) 评论(0) 推荐(0)
angularJS添加form验证：自定义验证
摘要：刚学习form验证。不得不说form验证是比较丰富的。下面来个小例子。1、情景：看电影选座位！2、具体要求：当输入座位号时，进行校验。其中1已经被选。如果输入为1，则提交按钮置为无效，并且给出提示，如果输入为2，则不给出提示，允许提交3、实际效果：4、代码示例： 1 2 3 4 5 6 ... 阅读全文
posted @ 2015-01-27 21:06 testForever 阅读(2563) 评论(0) 推荐(0)
angular ngRoute小例子
摘要：ngRoute学习小例子单页面应用中可以使用ng-view，当修改ng-view的template时可以实现一个页面html中展示不同内容（div部分）。例如index.html中包含ng-view 1 2 3 4 5 6 7 8 angularJS 9 10 24 25 t2.htm... 阅读全文
posted @ 2015-01-26 22:29 testForever 阅读(404) 评论(0) 推荐(0)
angularJS：ng-repeat作用域及父作用域调用$parent
摘要：一、关于ng-repeat的作用域学习：1、ng-repeat会在上一级作用域名中创建一个子 作用域。2、此时如果需要在子作用域中调用父作用域的变量，则可以使用$parent.variableName来调用。3、ng-repeat中调用和父作用域同名的变量，无$parent前缀则指的是调用的子作用域... 阅读全文
posted @ 2014-12-13 21:55 testForever 阅读(9137) 评论(0) 推荐(0)
$parse:表达式转换
摘要：学习ng-books，书中的例子。直接上图代码例子地址：http://jsbin.com/UWuLALOf/1/edit?html,js,output 阅读全文
posted @ 2014-12-05 11:30 testForever 阅读(281) 评论(0) 推荐(0)
angularJS factory中包含xhr时，通过promise获取结果
摘要：1 angular.module('shopping', []). 2 factory('shoppingData',function($http, $q){ 3 return{ 4 apiPath:'/api/shoppingCart/', 5 getAllI... 阅读全文
posted @ 2014-12-03 15:30 testForever 阅读(313) 评论(0) 推荐(0)
angularJSapi学习-angular.copy使用
摘要：angular.copy使用效果：初始状态：输入信息后未保存状态：点击save后状态：当输入框内容和master内容不一致时：点击reset使得user的信息被重置为master中信息：具体代码： 1 2 3 4 5 6 7 name: 8 9 email:10 11 gender:1... 阅读全文
posted @ 2014-11-03 13:58 testForever 阅读(832) 评论(0) 推荐(0)
AngularJS入门3-小例子-定时器
摘要：实现效果：实现代码： 1 2 3 4 5 定时器对象 6 7 time: {{clock}} 8 9 20 21 改进写法(最佳实践：在视图中通过对象属性而非对象本身来进行引用绑定，是angular中的最佳实践)： 1 function ClockController($scope) ... 阅读全文
posted @ 2014-10-29 15:46 testForever 阅读(1542) 评论(0) 推荐(0)
《AngularJS》5个实例详解Directive（指令）机制（转）
摘要：转自大漠穷秋：http://damoqiongqiu.iteye.com/blog/1917971感谢作者分享！《AngularJS》5个实例详解Directive（指令）机制大漠穷秋本文整理并扩展了《AngularJS》这本书第六章里面的内容，此书近期即将由电子工业出版社出版，敬请期待口令：Ang... 阅读全文
posted @ 2014-10-29 14:41 testForever 阅读(272) 评论(0) 推荐(0)
AngularJS入门4-小例子-自定义标签
摘要：效果图：代码： 1 2 3 4 14 阅读全文
posted @ 2014-10-29 14:22 testForever 阅读(297) 评论(0) 推荐(0)
AngularJS入门3
摘要：实现效果：代码： 1 2 3 4 5 数据正向绑定 6 7 8 9 10 11 12 13 19 20 来源：http://www.zouyesheng.com/angular.html#toc4 感谢作者分享 阅读全文
posted @ 2014-10-14 16:27 testForever 阅读(129) 评论(0) 推荐(0)
AngularJS入门1-小例子
摘要：1 2 3 4 5 Name: 6 7 8 9 10 结果图： 阅读全文
posted @ 2014-10-14 14:57 testForever 阅读(147) 评论(0) 推荐(0)
AngularJS入门2-一个完整的例子
摘要：1 2 3 4 5 6 一个完整例子实验 7 8 9 10 11 12 13 {{w}}*{{h}}14 w:15 h:16 17 18 38 39 40 实现效果:实现在下方输入框中输入宽和高的值，上方div大小随时动态更新参考来源：http... 阅读全文
posted @ 2014-10-14 14:56 testForever 阅读(251) 评论(0) 推荐(0)