随笔分类 -  angular.js

摘要:1. 安装chrome插件:Vue.js devtools(https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=zh-CN) 2. 下载vue-devtools (h 阅读全文
posted @ 2016-12-17 21:48 susanws 阅读(2582) 评论(1) 推荐(1)
摘要:在AngularJS中显示模型中的数据有两种方式: 一种是使用花括号插值的方式: 1 <p>{{text}}</p> 1 <p>{{text}}</p> 1 <p>{{text}}</p> 另一种是使用基于属性的指令,叫做ng-bind: 1 <p ng-bind="text"></p> 1 <p  阅读全文
posted @ 2016-05-20 13:23 susanws 阅读(1903) 评论(0) 推荐(1)
摘要:1、windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的“INSTALL”按钮,直接点击就会自动下载安装了。 2、安装过程基本直接“NEXT”就可以了。(windows的安装 阅读全文
posted @ 2016-05-20 11:47 susanws 阅读(2728) 评论(0) 推荐(0)
摘要:一、设计模式的分类 总体来说设计模式分为三大类: 创建型模式,共五种:工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。 结构型模式,共七种:适配器模式、装饰器模式、代理模式、外观模式、桥接模式、组合模式、享元模式。 行为型模式,共十一种:策略模式、模板方法模式、观察者模式、迭代子模式、责 阅读全文
posted @ 2016-05-19 21:35 susanws 阅读(25807) 评论(1) 推荐(0)
摘要:AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,改善了JavaScript。 下面我要说的就是25个超有用的AngularJS工具,web开发人员千万不可错过哦。 1)AngulaJS最佳测试工具——Protractor Protr 阅读全文
posted @ 2016-05-10 10:25 susanws 阅读(4894) 评论(0) 推荐(0)
摘要:最近开始学习angularjs,学到表单验证的时候发现有必要学习下大神的好文章: 转:http://www.oschina.net/translate/angularjs-form-validation 今天我们将来看看Angular如何帮助做表单验证. 我们将讨论更多使用angular进行有关表单 阅读全文
posted @ 2016-05-10 10:09 susanws 阅读(650) 评论(0) 推荐(0)
摘要:使用AngularJs来做多重视图和路由是在方便不过了,在开发过程中,都有许多的页面,而这些页面都有相同的部分,比如页面的头部和尾部通常都是一样的,变化的都是主体部分,还有就是一些后端管理的一些项目,通常不变的都是头部,尾部和菜单部分,变化的都是右边的内容部分,使用AngularJs的多重视图和路由 阅读全文
posted @ 2016-05-10 10:08 susanws 阅读(240) 评论(0) 推荐(0)
摘要:在angular中为我们提供了3种方案处理class:1:scope变量绑定。(不推荐使用)2:字符串数组形式。3:对象key/value处理。 我们继续其他两种解决方案:1字符串数组形式是针对class简单变化,具有排斥性的变化,true是什么class,false是什么class,其形如: 其结 阅读全文
posted @ 2016-05-10 10:08 susanws 阅读(294) 评论(0) 推荐(0)
摘要:今天我们来看看怎样使用Angular的ngShow 和ngHide 指令来完成它们听起来应该完成的,显示和隐藏! 它们应该做的事 ngShow 和ngHide 允许我们显示或隐藏不同的元素。这有助于创建Angular应用时因为我们的单页程序会有许多的移动部件随着应用状态的改变而来来去去。 这些指令的 阅读全文
posted @ 2016-05-10 10:07 susanws 阅读(298) 评论(0) 推荐(0)
摘要:angular js的强大之处之一就是他的数据双向绑定这一牛B功能,我们会常常用到的两个东西就是ng-bind和针对form的ng-model。但在我们的项目当中会遇到这样的情况,后台返回的数据中带有各种各样的html标签。如: 我们用ng-bind-html这样的指令来绑定,结果却不是我们想要的。 阅读全文
posted @ 2016-05-10 10:06 susanws 阅读(197) 评论(0) 推荐(0)
摘要:转:http://damoqiongqiu.iteye.com/blog/1917971 1.一点小说明 指令的作用:实现语义化标签 我们常用的HTML标签是这样的: 而使用AngularJS的directive(指令)机制,我们可以实现这样的东西: 很多人可能要惊呼,这货和JSP或者Struts等 阅读全文
posted @ 2016-05-10 10:05 susanws 阅读(198) 评论(0) 推荐(0)
摘要:JS 阅读全文
posted @ 2016-05-10 10:04 susanws 阅读(3129) 评论(0) 推荐(0)
摘要:Later edit (ui-router): As mentioned by JamesEddyEdwards and Dunc in their answers, if you are using angular-ui/ui-router you can use the following me 阅读全文
posted @ 2016-05-10 10:03 susanws 阅读(491) 评论(0) 推荐(0)
摘要:Angularjs过滤器是 angularjs非常棒的特性之一。有朝一日,你可能需要使用自定义过滤器,幸运的是,你找到了这篇博文。 下面显示的是自定义过滤器长什么样子(请注意myfilter): 我们的自定义过滤器叫做 "myfilter", 它有由 ':'隔开的4个参数. 这是一个将会用到的样本输 阅读全文
posted @ 2016-05-10 10:02 susanws 阅读(384) 评论(0) 推荐(0)
摘要:ng实现简单的select 给ng-options自定义option的value值 添加了id属性作为option的value你可能会在页面视图看到option生成的value为0,1,2,3,是因为angular会自动添加索引为value的值让我们来个ng-change事件监控来看看 阅读全文
posted @ 2016-05-10 10:01 susanws 阅读(275) 评论(0) 推荐(0)
摘要:js 简单点来说就是当参数传参来解决 阅读全文
posted @ 2016-05-10 10:00 susanws 阅读(348) 评论(0) 推荐(0)
摘要:html js 给ng-options自定义option的value值 添加了id属性作为option的value你可能会在页面视图看到option生成的value为0,1,2,3,是因为angular会自动添加索引为value的值让我们来个ng-change事件监控来看看 阅读全文
posted @ 2016-05-10 09:59 susanws 阅读(431) 评论(0) 推荐(0)
摘要:js 阅读全文
posted @ 2016-05-10 09:58 susanws 阅读(335) 评论(0) 推荐(0)
摘要:今天在angularjs中用audio的时候碰到的这些问题,查阅http://www.cnblogs.com/rachelanlan/p/3598070.html获得解决,感谢! 按照以往的经验,只要使用 ng-src 捆绑数据就可以了。 但是audio无法正常绑定url数据。 (省略中间各种尝试, 阅读全文
posted @ 2016-05-10 09:57 susanws 阅读(863) 评论(0) 推荐(0)
摘要:js 阅读全文
posted @ 2016-05-10 09:56 susanws 阅读(278) 评论(0) 推荐(0)