• 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的基础上。

  • 相关阅读:
    My Vim
    POJ 3292 Semi-prime H-numbers
    洛谷P3954 成绩【民间数据】
    数据结构—栈/队列
    说服式设计(persuasive design)的行为模型
    发送邮件给某人:mailto标签
    如何识别和利用用户情绪
    HDU Good Numbers (热身赛2)
    atlas z 轴
    什么叫“默认邮件客户端没有正确安装”?
  • 原文地址:https://www.cnblogs.com/hhccdf/p/6763815.html
Copyright © 2020-2023  润新知