字母大小写

数字

货币

截取字符串

截取数组

用JS操作

----------------------------------------------------------------------------------

小工具小方法一般用来判断,

1判断数据类型
//angular.isString(数据)
//返回一个bool值
console.log(angular.isString(2))

2判断数据相等
// == === 严格等于<包括数据类型>

equals 平等
var a = '12'
var b = 12;
console.log(angular.equals(a,b));

3json数据
//json 字面量创建对象
var person = {
  name:'susu',
  age:18
}
//tojson json对象==>字符串
var str = angular.toJson(person);
console.log(str)

//fromjson 字符串==>对象
var json = angular.fromJson(str);
console.log(json);

4遍历
//遍历对象
angular.forEach(person,function (value,key) {
console.log(key+":"+value);
})

//遍历数组
var array = ['apple','banana','orange','pear'];
angular.forEach(array,function (value,index) {
console.log(index+":"+value);
})

5绑定

var dog = {
  name:'旺财',
  brand:'藏獒',
  age:5
}

//功能:一个普通的方法 可以类似构造方法一样
通过this关键字引用 调用当前方法的对象

var fn = angular.bind(dog,function () {
console.log(this.name)
})
fn();

each遍历和map遍历的区别

//each 遍历
//map 每次遍历会返回一个数据 整体map会返回一个新数组(数据)

//数组===>for i
//对象===>for in each

---------------------------------------------------------------------------------------------

Angular的指令

<!--设置不活跃状态-->
<input type="button" value="按钮1" ng-disabled="true">
<input type="button" value="按钮2" ng-disabled="false">

<!--不可以选中 不可以输入--> 只读
<input type="text" value="请输入密码" ng-readonly="true">

<!--ng-selected 设置默认选中状态 -->
<select name="" id="">
<option value="1">男</option>
<option value="2">女</option>
<option value="3" ng-selected="true">女汉子</option>
</select>

<!--ng-model value 设置默认状态 -->
<input type="radio" value="1" ng-model="sex">女 {{sex}}
<input type="radio" value="2" ng-model="sex">男 {{sex}}

script部分

angular.module("myApp",[])
.controller('myCtrl',function ($scope) {
$scope.sex = 1;
})

Angungular.js 的过滤器&工具方法的更多相关文章

  1. 秒味课堂Angular js笔记------Angular js中的工具方法

    Angular js中的工具方法 angular.isArray angular.isDate angular.isDefined angular.isUndefined angular.isFunc ...

  2. js 常用业务工具方法 (es5,es6)持续更新

    数组去重 数组去重最原始的方法就是使用双层循环. es5: // 使用indexOf function unique(array) { var res = []; for (var i = 0, le ...

  3. Underscore.js 常用类型判断以及一些有用的工具方法

    1. 常用类型判断以及一些有用的工具方法 underscore.js 中一些 JavaScript 常用类型检查方法,以及一些工具类的判断方法. 首先我们先来谈一谈数组类型的判断.先贴出我自己封装好的 ...

  4. vue.js 源代码学习笔记 ----- 工具方法 env

    /* @flow */ /* globals MutationObserver */ import { noop } from 'shared/util' // can we use __proto_ ...

  5. jQuery常用工具方法

    前面的话 jQuery提供一些与元素无关的工具方法,不必选中元素,就可以直接使用这些方法.如果理解原生javascript的继承原理,那么就能理解工具方法的实质.它是定义在jQuery构造函数上的方法 ...

  6. jQuery工具方法

    目录 常用工具方法 判断数据类型的方法 Ajax操作 $.ajax 简便写法 Ajax事件 返回值 JSONP 文件上传 参考链接 jQuery函数库提供了一个jQuery对象(简写为$),这个对象本 ...

  7. CSS 和 JS 文件合并工具

    写 CSS 和 JavaScript 的时候, 我们会遇到一个两难的局面: 要么将代码写在一个大文件, 要么将代码分成多个文件. 前者导致文件难以管理, 代码复用性差, 后者则因为需要在载入多个文件令 ...

  8. js 性能基准测试工具-告别可能、也许、大概这样更快更省

    平时写js经常遇到这样做是不是更快点?但又没有具体简单可测试的工具,最近也倒序看博客园司徒正美 js分类下的文章 [ps:去年灵光一闪,发现看博客园排名前100的博客.按照文章分类倒序看是学习最快的方 ...

  9. angular的工具方法笔记(equals, HashKey)

    分别是angular脏值检测的工具方法equals和 类HashKey的使用方法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi ...

随机推荐

  1. duilib教程之duilib入门简明教程2.VS环境配置

    既然是入门教程,那当然得基础点,因为搜索duilib相关资料时,发现有些小伙伴到处都是编译错误,以及路径配置错误等等,还有人不知道SVN,然后一个个文件手动下载的.    其实吧,duilib的定位好 ...

  2. js实现iframe刷新

    今天要用到iframe的框架刷新,在网上找到了关于这方面内容,整理如下: (1)一般页面的刷新——reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload([bForc ...

  3. 如何应用AxureRP做原型设计

    什么是原型呢?这个在之前介绍为什么需要进行原型设计当中有提到,原型是产品的最初形态,确认用户对产品界面和操作功能可用性的需求,高保真的原型接近于产品的最终形态,但仍只是原型.产品原型简单的说就是产品设 ...

  4. Java学习之一(引用相关)

    1.Java概述 首先,Java是一门面向对象的编程语言.相对于C/C++等语言,Java中没有指针,但是这不代表指针等知识不重要:Java中不存在多继承但是存在多接口.在我自己的学习过程之中,我偏向 ...

  5. <每日一题>题目7:简单的学生管理系统V1.0

    ''' # 学生管理系统v1.0 # 添加学生的信息 # 删除学生的信息 # 修改学生的信息 # 查看学生的信息 #遍历学生的信息 #退出系统 ''' import json #1 显示操作功能 de ...

  6. Linux常用知识

    1.Redhat 系统按如下系统启动:加载内核执行init程序/etc/rc.d/rc.sysinit #由init执行的第一个脚本/etc/rc.d/rc${RUNLEVEL}d/* #$RUNLE ...

  7. Diff- Linux必学的60个命令

    1.作用 diff命令用于两个文件之间的比较,并指出两者的不同,它的使用权限是所有用户. 2.格式 diff [options] 源文件 目标文件 3.[options]主要参数 -a:将所有文件当作 ...

  8. NtQuerySystemInformation 枚举进程

    函数原型: NTSTATUS WINAPI NtQuerySystemInformation(    _In_      SYSTEM_INFORMATION_CLASS SystemInformat ...

  9. 推荐5款超实用的.NET性能分析工具

    虽然.NET框架号称永远不会发生内存泄漏,原因是引入了内存回收机制.但在实际应用中,往往我们分配了对象但没有释放指向该对象的引用,导致对象永远无法释放.最常见的情况就是给对象添加了事件处理函数,但当不 ...

  10. 最小费用最大流——EK+SPFA

    终于把最小费用最大流学会了啊-- 各种奇奇怪怪的解释我已经看多了,但在某些大佬的指点下,我终于会了. 原来是个好水的东西. 最小费用最大流是什么? 不可能不知道网络流吧?如果不知道,自行百度去-- 费 ...