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

  • 相关阅读:
    python活力练习Day 31
    携程笔试题3--2020-09-08
    双指针应用
    华为笔试题之排序去重
    java架构师学习路线-Mybatis一级缓存源码分析
    java架构师学习之spring boot对比spring mvc有什么区别
    spring Cloud 开发内存占用过高时java架构师该如何解决
    java高级架构师教程-使用Maven配置Spring
    java高级架构师教程-Spring Boot快速入门
    java高级架构师教程-使用Java编程引导JPA
  • 原文地址:https://www.cnblogs.com/wuyaxing/p/6481053.html
Copyright © 2011-2022 走看看