zoukankan      html  css  js  c++  java
  • Angular JS

    Angular JS 介绍

      AngularJS,是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等......

      AngularJS试图成为WEB应用中的一种客户端的解决方案。这意味着它不只是你的WEB应用中的一个小部分,还是一个完整的客户端的解决方案。这会让AngularJS在构建一个CRUD(增加Create、查询Retrieve、更新Update、删除Delete)的应用时显得很“固执”(原文为 opinionated,意指没有太多的其他方式)。

      构建一个CRUD应用可能用到的全部内容包括:数据绑定、基本模板标识符、表单验证、路由、深度链接、组件重用、依赖注入。

    #一、AngularJS四大核心特征
    mvc设计思想:只需要关注数据
    模块化和依赖注入
    双向绑定
    指令

    ##1.angularJS中常用指令

    ng-src
    // 加载图片的指令

    ng-href
    // 加载url路径的指令

    ng-show
    ng-hide
    // 展示图片的指令

    ng-clack
    // 延迟加载

    ng-model
    // 在angularJS中ng-model表示将当前元素与数据模型($scope)绑定,所有的数据或者属性都保存在$scope中;

    ng-repeat
    // 迭代;循环$scope中的属性,类似于{{#each beans}}

    ng-bind
    // 获取数据模型($scope中的数据),类似于{{属性名}}

    ##2.angularJS中的函数,处理响应结果
    (1) 方式一:
    .then(function(res){
    // 成功,使用时需要 res.对象或者属性,如res.msg,res.user.name,
    },function(){
    // 失败
    })

    (2)方式二:
    success(function(res){
    // 成功,使用时需要 res.对象或者属性,如res.msg,res.user.name,
    }).error(function(){
    // 失败
    });

    ##3.测试展示数据:aler()与console.log()的区别
    [1]alert()

    1)有阻塞作用,不点击确定,后续代码无法继续执行

    2)alert()只能输出string,如果alert输出的是对象会自动调用toString()方法

    e.g. alert([a,b,c]);//a,b,c

    3)alert不支持多个参数的写法,只能输出第一个值

    e.g. alert(1,2,3);//1

    [2]console.log()

    1)在打印台输出

    2)可以打印任何类型的数据

    e.g. console.log([a,b,c]);//[a,b,c]

    3)支持多个参数的写法

    e.g. console.log(1,2,3)// 1 2 3

    ##4.数据处理 
    (1) double型数据处理 {{price|currency}}

    (2) 时间格式处理:{{currtime|date:"MM/dd/yyyy HH:mm:ss"}}

  • 相关阅读:
    Eclipse背景颜色设置
    SQL ROW_NUMBER() OVER函数的基本用法用法
    hdu 2844 Coins 多重背包问题
    VC++学习/MFC (1)
    java学习 (1)
    hdu 1506 City Game 二维的多重背包
    java学习(2)
    VC++学习/MFC (2)
    hdu 1506 Largest Rectangle in a Histogram
    hdu 1171 Big Event in HDU
  • 原文地址:https://www.cnblogs.com/blogslee/p/7228325.html
Copyright © 2011-2022 走看看