zoukankan      html  css  js  c++  java
  • Angularjs基础(学习整理)

    AngularJS 通过 ng-directives 扩展了 HTML。

    • ng-app 指令定义一个 AngularJS 应用程序。
    • ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
    • ng-bind 指令把应用程序数据绑定到 HTML 视图。相当于ng表达式{{}}
    • ng-repeat 指令对于集合中(数组中)的每个项会 克隆一次 HTML 元素。

    AngularJS 将在表达式书写的位置"输出"数据。
    AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。

    AngularJS 过滤器可以使用一个管道字符(|)添加到表达式和指令中。

    • uppercase 过滤器将字符串格式化为大写
    • lowercase 过滤器将字符串格式化为小写
    • currency 过滤器将数字格式化为货币格式
    • orderBy 过滤器根据表达式排列数组
    • filter 过滤器从数组中选择一个子集

    在 AngularJS 中,服务是一个函数或对象

    • $location 服务,它可以返回当前页面的 URL 地址
    • $http 是 AngularJS 应用中最常用的服务。 服务向服务器发送请求,应用响应服务器传送过来的数据。
    • $timeout 服务对应了 JS window.setTimeout 函数
    • $interval 服务对应了 JS window.setInterval 函数
    • $apply服务可以修改数据

    $http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。

    使用格式:

    // 简单的 GET 请求,可以改为 POST
    $http({
    	method: 'GET',
    	url: '/someUrl'
    }).then(function successCallback(response) {
    		// 请求成功执行代码
    	}, function errorCallback(response) {
    		// 请求失败执行代码
    });
    
    
    //简写方式
    $http.get('/someUrl', config).then(successCallback, errorCallback);
    $http.post('/someUrl', data, config).then(successCallback, errorCallback);
    

     持续到6月6号, 决定暂停Angular的学习。在菜鸟教程的基础语法学习之后,经历了Angular官方网站实力教程的体验,对数据双向绑定,路由切换,数据处理分类有初步的接触,但更多的是不确定感,一个人做整条线的处理使用起angular没有方向感。故作暂停。

    对下一个要完成的webapp项目,具体使用什么技术来完成还有待商榷。

    目前重心依旧放在JS的基础上。

  • 相关阅读:
    IDEA 必要配置
    人工智能能力提升指导总结
    lerna管理前端packages的最佳实践
    【和60】软件即服务的三重境界
    项目章程
    阅读计划
    使用PHP处理文本小技巧
    PHP性能分析
    Ubuntu安装nodejs和yarn
    挖矿病毒
  • 原文地址:https://www.cnblogs.com/hhccdf/p/6763815.html
Copyright © 2011-2022 走看看