码迷,mamicode.com
首页 > Web开发 > 详细

一些AngularJs

时间:2015-10-11 23:12:25      阅读:319      评论:0      收藏:0      [点我收藏+]

标签:

# AngularJs部分 #     详情可参考文档
----
依赖注入
--
不是主动地获取而是被动的接收,需要什么就要什么,这样灵活较高,
如:$scope

----
指令
--
内部:ng-    如:ng-model

----
功能
---
$scope 默认有一个根$scope($Rootscope)有层级关系,可有多个
,没有找到就会一层一层向上一级找


moudel  模块  按功能、操作、自定义等,能更好的区分

ng-contraller   有作用范围

----
表达式
--
{{}}  能作运算

---
过滤器
---
ng内置了一些过滤器,它们是:
currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、number(数字)、orderBy(排序)。

     在模板中使用filter
      我们可以直接在{{}}中使用filter,跟在表达式后面用 | 分割,语法如下:
    {{ expression | filter }}
    也可以多个filter连用,上一个filter的输出将作为下一个filter的输入:
    {{ expression | filter1 | filter2 | ... }}  
    filter可以接收参数,参数用 : 进行分割,如下:
    {{ expression | filter:argument1:argument2:... }}  
    除了对{{}}中的数据进行格式化,我们还可以在指令中使用filter,例如先对数组array进行过滤处理,然后再循环输出:
    <span ng-repeat="a in array | filter "> 

     在controller和service中使用filter
----
ajax请求
---
    //get方式请求

    demoApp.controller("demoController", function($http, $scope){
        $scope. getAjaxUser = function(){
            $http.get("../xxx.action").success(function(data){
                alert(data);
            }).error(function(){
                Alert(“出错了!”);
    });
            
    };
    });



    //post方式请求

    demoApp.controller("demoController", function($http, $scope){
        $scope. getAjaxUser = function(){
            $http.post("../xxx.action",{x:y})
                
                .success(function(data){
                alert(data);
            }).error(function(){
                Alert(“出错了!”);
    });
            
    };
    });

一些AngularJs

标签:

原文地址:http://www.cnblogs.com/yyan/p/4870251.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!