zoukankan      html  css  js  c++  java
  • Angungular.js 的过滤器&工具方法

     

    字母大小写

    数字

     货币

     截取字符串

     截取数组

     用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;
    })

  • 相关阅读:
    DataGrid( 数据表格) 组件[2]
    DataGrid( 数据表格) 组件[1]
    Form( 表单) 组件
    Slider( 滑动条) 组件
    内存管理-常见内存泄露-(5)
    Android 内存管理分析(四)
    Android 之 内存管理-查看内存泄露(三)
    Android 内存管理(二)
    正确认识Android的内存管理机制,合理关闭进程 (一)
    谈谈Runtime类中的freeMemory,totalMemory,maxMemory等几个方法
  • 原文地址:https://www.cnblogs.com/wuyaxing/p/6481053.html
Copyright © 2011-2022 走看看