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

来源:互联网 发布:网络运维工程师招聘 编辑:程序博客网 时间:2024/05/19 13:26

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是否存在逻辑问题,变量问题,参数问题等等;最后,如果上述都没有问题,请仔细查看各种符号。。。

 


原创粉丝点击