anjularJs学习(一)基础知识及$http和$q服务

系统管理员 2021-06-24 15:57 236阅读 0赞

# 1、ng-app 指令告诉 AngularJS，该元素是 AngularJS 应用程序 的"所有者"。 #

**ng-model** 指令把输入域的值绑定到应用程序变量 **name**。

**ng-bind** 指令把应用程序变量 name绑定到某个段落的 innerHTML。

**ng-init**指令初始化angularjs的应用变量

2、AngularJS表达式写在双大括号内：**\{ \{ expression \}\}**。

AngularJS 表达式把数据绑定到 HTML，这与 **ng-bind** 指令有异曲同工之妙。

AngularJS 将在表达式书写的位置"输出"数据。

**AngularJS 表达式** 很像 **JavaScript****表达式**：它们可以包含文字、运算符和变量。

3、$watch和$apply

$watch监听scope的model的变化

$apply传播scope的model的变化

$watch()可以帮助我们在scope中监听其中的变量 $watch(watchobj,watchcallback,ifdeep)

4、Constant()会在所有配置块之前执行

5、Run()初始化全局数据，仅对全局作用域起作用

run（）方法可以用于：浏览器判断，登陆判断，白名单设置

6、$http

：可以设置内部的$http服务与外部进行通信，$http只是简单的封装了XHR对象,返回一个promise对象，具有success（）方法和error（）方法

1、 ,链式调用

$http(\{

Method:,

url:,

data:,

datatype:

param：\{

这里可以是一个map或对象,会被转换成查询字符串追加在URL后面。如果值不是字符串，会被JSON序列化。

\}

\}).success(function\{

//在这里对数据进行一定的处理然后再交给控制器进行处理,响应成功

\}).error(function()\{

//在这里对数据进行一定的处理然后再交给控制器进行处理，响应失败

\})

7、$q:

从错误处理的角度看,延迟(**deferred **)和承诺(**promise **)API对于异步编程来说,和同步编程的 try,catch,以及throw作用差不多.

Vardeferred=$q.defer();

deferred中的方法有reject（），resolve（），notify（）

resolve(value) ——传入 value解决派生的 promise。如果 value是一个通过 $q.reject构造的拒绝对象(rejection) ,该promise  将被拒绝。

*  reject(reason) ——拒绝派生的promise,并提供原因 。 这相当于通过 $q.reject构造的拒绝对象(rejection)作为参数传递给 resolve。
 *  notify(value)  ——在 promise 执行的过程中提供状态更新。 这在 promise 被解决或拒绝之前可能会被多次调用。

一个常用的知识点：array\[0\]也就是说行号列号为0，返回整个数组

$ionicActionSheet服务 具有show()方法           warning：单引号省略

使用方法：$scopeActionSheet.show(\{

Button:\[\{

Text:<b>share</b>this

\},

\{ Text:<b>move</b>

\}\],

DistructiveText:delete,

titleText:myapp,

cancelText:cancel,

buttonClicked:function(index)\{

return true;

\}

\})

8、//调节debug的思路

##### 我们调试bug的思路应该是这样的：首先，js是否成功的执行进来；其次，js是否存在逻辑问题，变量问题，参数问题等等；最后，如果上述都没有问题，请仔细查看各种符号。。。 #####

发表评论取消回复

表情：

评论列表（有 0 条评论，236人围观）

还没有评论，来说两句吧...

相关阅读

相关 Http基础知识

**HTTP协议简介** HTTP（超文本传输协议）是应用层上的一种客户端/服务端模型的通信协议,它由请求和响应构成，且是无状态的。 * **协议** 协议规...

我不是女神ヾ/ 2024年04月18日 16:50/ 0 赞/ 88 阅读

相关 HTTPS协议详解(一)：HTTPS基础知识

HTTPS基础知识：HTTPS (Secure Hypertext Transfer Protocol)安全超文本传输协议，是一个安全通信通道，它基于HTTP开发用于在客户

红太狼/ 2023年08月17日 17:38/ 0 赞/ 128 阅读

相关 http的基础知识(一)

http是一种无状态协议，也就是每一次发送都是一次新的开始，服务器并不知道也没有必要知道当前连接的客户端是否之前有过交集，那么需要进行保存用户登录状态时，则出现了麻烦，这个时候

水深无声/ 2022年07月15日 01:57/ 0 赞/ 185 阅读

相关 http的基础知识(一)

http是一种无状态协议，也就是每一次发送都是一次新的开始，服务器并不知道也没有必要知道当前连接的客户端是否之前有过交集，那么需要进行保存用户登录状态时，则出现了麻烦，这个时候

深藏阁楼爱情的钟/ 2022年07月15日 01:57/ 0 赞/ 177 阅读

相关 HTTP学习（一） HTTP基本知识

HTTP作为现在非常重要的协议，需要仔细梳理一下。本次学习知识点来自于《HTTP权威指南》，只是文中知识点罗列，算是读书笔记，请有兴趣的读者购买《HTTP权威指南》完整阅读。

╰半橙微兮°/ 2022年06月17日 12:40/ 0 赞/ 211 阅读

相关 python学习一--基础知识

python基础学习 1、运算 \[root@node01 bin\]\ python Python 2.6.6 (r266:84292, Aug 18 2016,

骑猪看日落/ 2022年06月03日 02:41/ 0 赞/ 349 阅读

相关 node.js核心服务http基础学习

核心模块http > Node.js 中的 HTTP 接口旨在支持传统上难以使用的协议的许多功能。特别是，大块的、可能块编码的消息。接口永远不会缓冲整个请求或响应，用

小灰灰/ 2022年03月22日 03:44/ 0 赞/ 210 阅读

相关 anjularJs学习(一)基础知识及$http和$q服务

1、ng-app 指令告诉 AngularJS，该元素是 AngularJS 应用程序的"所有者"。 ng-model 指令把输入域的值绑定到应用程序变量 name。

系统管理员/ 2021年06月24日 15:57/ 0 赞/ 237 阅读

相关 HTTP基础知识

HTTP之URL HTTP使用统一资源标识符（Uniform Resource Identifiers, URI）来传输数据和建立连接。URL是一种特殊类型的URI，包含...

灰太狼/ 2021年03月30日 15:51/ 0 赞/ 540 阅读

相关 HTTP基础知识

http 常见的状态码: 302 found 重定向 400 Bad Request //客户端请求有语法错误，不能被服务器所理解 401 Unauthorized /...

朱雀/ 2021年03月12日 14:40/ 0 赞/ 554 阅读