
angular js
cpf2016
这个作者很懒,什么都没留下…
展开
-
ng-src与ng-href
(1)作用 ng是在dom加载完毕之后才能够发挥作用,那么假如我们模板中有一张图片: 那么在ng编译完成之前,因为路径{{imgUrl}}还未被替换,页面上会一直显示一张错误的图片 为了避免这种情况,我们可以使用ng-src指令,这样在路径被正确得到之前就不会显示找不到图片 同理,中的转载 2016-01-18 11:12:41 · 1746 阅读 · 0 评论 -
angular js表达式
(1)格式 1.基本格式{{ expression }} 2.说明 作用:将结果显示在页面上,和ng-bind指令作用相同 表达式内容:可以是字符串、变量、表达式等 (2)实例 1.简单表达式转载 2016-01-13 10:33:39 · 543 阅读 · 0 评论 -
angular js路由
(1)作用 实现页面之间的跳转(2)使用 1.引入依赖angular-route.js 2.在主模块中注入ngRoute var phonecatApp = angular.module('phonecatApp', [ 'ngRoute']);转载 2016-01-18 10:45:53 · 647 阅读 · 0 评论 -
angular js自定义指令
(1)自定义指令实质 说白了就是把自定义的指定替换成浏览器可以识别的HTML标签(2)实例1(基本使用) var app = angular.module('myTest', []) app.directive("hello",function(){转载 2016-01-20 11:08:16 · 1159 阅读 · 0 评论 -
angular js表单验证
(1)内置验证指令 1.必填验证 直接添加required即可 2.长度验证 使用ng-minlength和ng-maxlength进行验证 3.自定义正则验证 使用ng-pattern=转载 2016-01-20 16:53:56 · 924 阅读 · 0 评论 -
angular js 事件
(1)angular js支持的事件ng-clickng-dbl-clickng-mousedownng-mouseenterng-mouseleaveng-mousemoveng-keydownng-keyupng-keypressng-change(2)实例 点击按钮,实现“测试”的显示与隐藏转载 2016-01-19 10:22:56 · 872 阅读 · 0 评论 -
angular js中service
(1)实例 1.在service.js中定义服务var appServices = angular.module('appServices', ['ngResource']);appServices.factory('reverse', [ function(){ return { myFunc:function(input){转载 2016-01-18 17:59:35 · 730 阅读 · 0 评论 -
angular js $http
(1)作用 发送异步请求到服务端,动态获取数据(2)最基本入门 1.创建一个列表,用来循环输出数据 {{user.name}}转载 2016-01-18 16:14:49 · 975 阅读 · 0 评论 -
angular js过滤器
(1)作用 1.过滤 也就是说根据条件来过滤,通常相当于%like% 2.排序 对结果进行排序,需要传入排序字段 3.渲染 将结果渲染成指定样式,如uppercase,currency。(相当于onRen转载 2016-01-18 14:37:06 · 926 阅读 · 0 评论 -
ng-repeat
(1)作用 遍历$scope中的数据,多用在gird中(2)实例 ng-repeat directive 我的购物车 序号 商品 单价 数量 金额 操作 {{$index转载 2016-01-18 11:30:39 · 585 阅读 · 0 评论 -
angular js模型
(1)ng-model指令与双向绑定 1.ng-model用于绑定应用程序数据到标签的值 名字: var app = angular.module('myApp', []);app.controller('myCtrl', function($scope) { $scope.name = "John Doe";});使用转载 2016-01-13 11:01:26 · 649 阅读 · 0 评论