随笔分类 - [Angularjs]
摘要：验证功能是AngularJS里面最酷炫的功能之一，它可以让你写出一个具有良好用户体验的Web应用。 在AngularJS中，有许多用于验证的指令。我们将先学习几个最流行的内置指令，然后再创建一个自定义验证规则的指令。 AngularJS可以让我们轻松的处理客户端验证。虽然我们不能仅靠客户端验证来保证
阅读全文
摘要：摘要 现在很多app采用内嵌h5的方式进行开发，有些数据会存在webveiw的cookie中，那么如果使用angularjs开发单页应用，就需要用到angularjs的cookie操作。这里提供一个简单的学习demo。方便快速上手。 一个例子 测试结果 可以看到上面结果设置成功了，但过期时间是ses
阅读全文
摘要：摘要 在angularjs发送post请求的时候，确实很困惑，在传递json数据的时候，总会遇到在服务端无法接受到参数的情况，这里有必要与$.post进行比较学习一下。 一个例子 这里模拟登录的一个场景，post用户名与密码，服务端接受账户并直接返回到客户端不做其它业务处理。 使用angularjs
阅读全文
摘要：摘要 在为html标签绑定数据的时，如果绑定的内容是纯文本，你可以使用{{}}或者ng-bind。但在为html标签绑定带html标签的内容的时候，angularjs为了安全考虑，不会将其渲染成html，而是将其当做文本直接在页面上展示。 一个例子 输出 ng-bind-html指令 这时就会出现安
阅读全文
摘要：摘要 在使用{{}}绑定数据的时候，页面加载会出现满屏尽是{{xxx}}的情况。数据还没响应，但页面已经渲染了。这是因为浏览器和angularjs渲染页面都需要消耗一定的时间，这个间隔可能很小，甚至让人感觉不到，这种情况一切正常，但这个时间也可能很长，这时候用户可能会看到满屏尽是{{xxxx}}。这
阅读全文
摘要：写在前面 前篇文章整理了angularjs学习目录，有园子里的朋友问我要这方面的demo，周末也没什么事，就在之前的单页应用的demo上面添加了增删改查的操作。代码比较简单，这里只列举比较重要的代码片段。完整的代码将在文章下面提供链接。 demo 数据来源通过webapi的方式提供。获取对产品的查询
阅读全文
摘要：写在前面 这个系列是来这家公司到现在，边用边学，以及在工作中遇到的问题进行的总结。深入的东西不多，大多是实际开发中用到的东西。 这里做一个目录，方便查看。 系列文章 [Angularjs]ng-select和ng-options [Angularjs]ng-show和ng-hide [Angular
阅读全文
摘要：写在前面 在开发中提交表单，并对表单的值进行验证是非常常见的操作，angularjs对表单验证提供了非常好的支持。 demo 表单 服务端 测试 提交后数据 总结 $dirty：表单有填写记录 $valid：字段内容合法的 $invalid：字段内容是非法的 $pristine：表单没有填写记录
阅读全文
摘要：写在前面 在angularjs中提供了一些常用的函数，比如angular.lowercase()，angular.uppercase()，angular.isString()，angular.isNumber()。 demo 结果
阅读全文
摘要：写在前面 有时我们需要动态的创建一些标签，或者在收到服务端返回的json，创建一些标签然后找到页面上的元素，通过innerHTML写入到页面上面。angularjs也为我们提供了一种比较方便操作方式，ng-include。 ng-include：可以在html中包含html文件。 一个例子 test
阅读全文
摘要：用法描述 ng-switch根据表达式的值显示或这隐藏对应部分。类似c#或者其他预览里面的switch用法。可以慢慢体会。 说道ng-switch就要说到子元素该怎么根据当前值进行变化。子元素可以通过：ng-switch-when指令，ng-switch-default指令来设置满足条件时，该子元素
阅读全文
摘要：写在前面 指令的作用可以简单的描述为实现语义化的标签，比如你在移动端h5应用中，有个经常用的功能，比如通讯录的功能，不同的页面都要用到，这时你可以将其封装为指令，在使用的时候可以通过这样<friends></friends>的语义化的标签直接在页面中使用即可。 例子 首先实现一个Helloworld
阅读全文
摘要：有个单页应用的项目中，需要通过锚点进行页面的定位。但angularjs的路由会出现跟锚点冲突，angularjs会将锚点当成路由进行解析，造成跳转到这个页面，而我们需要的只是跳转到当前的锚点位置。angularjs的路由格式#/home/en。比如锚点的id为navigate-label，当触发跳转
阅读全文
摘要：写在前面 最近的工作一直在弄一些h5的单页应用，然后嵌入到app的webview中。之前一直在用angularjs+html+ashx的一套东西。实在是玩腻了。然后就尝试通过asp.net mvc的方式构建单页应用。用到的技术angularjs+webapi+mvc。在网上找到了一些相关的文章，关于
阅读全文
摘要：写在前面最近在项目中遇到这样的一个前端的bug，在ng-repeat中绑定的图片，有一个晃动的特效，在手机端浏览的时候，图片有时候会正常展示，有时就展示不出来。当时猜测是因为angularjs与特效的那些代码加载的先后顺序造成的。有了这样的猜测，就有查找解决方案的方向了。系列文章[Angularjs...
阅读全文
摘要：写在前面最近在弄文档库的H5版，就查找了下相关的上传组件，发现了ng-upload的东东，推荐给大家。系列文章[Angularjs]ng-select和ng-options[Angularjs]ng-show和ng-hide[Angularjs]视图和路由（一）[Angularjs]视图和路由（二）...
阅读全文
摘要：写在前面在实际项目中，经常会遇到这样的事情，返回的数据的格式，并不是我们希望的样子，这时候，你就需要对数据进行格式化了，还好，angularjs提供这样的过滤器，更方便我们的操作。系列文章[Angularjs]ng-select和ng-options[Angularjs]ng-show和ng-hid...
阅读全文
摘要：写在前面在ng-reapet中如何为ng-model双向绑定呢？在项目中确实遇到这样的问题，绑定了，但是在controller中获取不到它的值，确实挺奇怪的。系列文章[Angularjs]ng-select和ng-options[Angularjs]ng-show和ng-hide[Angularjs...
阅读全文
摘要：写在前面在项目中，有用到国际化，跟着就了解了下使用angularjs实现的国际化，这里做一下记录。系列文章[Angularjs]ng-select和ng-options[Angularjs]ng-show和ng-hide[Angularjs]视图和路由（一）[Angularjs]视图和路由（二）[A...
阅读全文
摘要：写在前面在项目中，用到单页应用的分页，当时想到使用滚动加载的方案，可是几次尝试都没配置成功，闲着无聊就弄了一个demo。系列文章[Angularjs]ng-select和ng-options[Angularjs]ng-show和ng-hide[Angularjs]视图和路由（一）[Angularjs...
阅读全文