太原做网站

网站维护托管

AngularJs中的过滤器使用方法总结【持续更新】

今天学习下AngularJs中的过滤器使用方法:第一种:通过表达式进行过滤过滤器可以通过一个管道字符(|)和一个过滤器添加到表达式中。1、uppercase 过滤器将字符串格式化为大写:2、lowercase过滤器将字符串格式化为小写:{{name|lowercase|uppercase}}3、currency 过滤器将数字格式化为货币格式:{{price|currency:'$':1}}参数$和1是可选的,第一个参数是自定义字符,第二个参数表示保留的小数位数。4、orderBy

AngularJs中的$window服务的实例

AngularJs中的$window服务,和JS中的window一样,测试代码如下:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>$window服务的实例</title></head><body ng-app="app" ng-controller="ctr"><butt

AngularJS中scope隔离作用域之=&调用父作用域中函数

AngularJS中scope隔离作用域之=&调用父作用域中函数,代码如下:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title></head><body ng-app="app"><div ng-controller="ctr1">

AngularJs之ui.router路由基本配置及传参方法

使用AngularJs可以方便的做出单页面应用,既然是应用,那就涉及到页面跳转的问题,使用Angularjs的路由插件可以方便的使用路由功能,而且可以传参非常容易。代码如下:路由插件:angular-ui-router.js。文件:index.html<!DOCTYPE HTML><html><head><meta charset="UTF-8"><title>路由测试</title><style

AngularJs之scope隔离作用域之=双向文本绑定

AngularJs之scope隔离作用域之=双向文本绑定,代码如下:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title></head><body ng-app="app"><div ng-controller="ctr1"><inpu

AngularJs之scope隔离作用域之@单向文本绑定

上一节说到,在指令中设置scope属性的值为花括号{},可以切断它与其他控制器之间的联系,如果在html中很多地方都使用到了这个指令,有的需要建立与控制器的联系,有的不需要,这个时候该怎么办呢?我们可以通过传值的方式来做到。比如以下代码:html部分:<div ng-app="app" ng-controller="ctr1"><input type="text" ng-model="color"&

AngularJs之controller控制器scope父子集作用域实例

今天学习的是AngularJs的作用域问题,如果之前很好的学习并应用过JavaScript,那么对作用域、作用域链以及闭包的概念肯定不会陌生,总之一句话就是:子级可以访问父级的变量和对象,但父级无法访问子级的任何变量和对象。如下代码:function fn1(){var obj1 = {name : '赵一鸣个人技术博客'};function fn2(){console.log(obj1.name);}return fn2();}fn1();详情可参考这篇文章:《JavaScri

AngularJs之$http服务前端与后端之间的数据传输

AngularJs中的$http服务实现前端与后端之间的数据传输,与JQuery中的ajax类似,具体代码如下:1、接收后端数据:需要用到的php代码,文件名为1.php:<?phpheader('Content-type:text/html;charset="utf-8"');$arry = array(array('webname'=>'赵一鸣个人技术博客', 'weburl'=>'

AngularJs通过service自定义服务

与factory类似,AngularJs也可以通过service来自定义服务,只是在return返回数据的写法上稍有不同,具体代码如下:HTML部分:<body ng-app="app" ng-controller="ctr" ng-cloak class="ng-cloak"><table cellpadding="0" cellspacing="0"><thead

AngularJs通过ng-class动态改变样式类实例操作

AngularJs通过ng-class动态改变样式类实例操作,代码如下:<!doctype html><html><head><meta charset="UTF-8" /><title>Document</title><style type="text/css">.ng-cloak{display:none;}td{height:30px;line-height:30px
<< < 5 6 7 8 9 10 11 12 13 14 > >>
«   2020年10月   »
1234
567891011
12131415161718
19202122232425
262728293031
网站分类
搜索
最新留言
    文章归档
    友情链接