当前位置:  首页  >  前端开发  >  设计思想

angular学习(二):Controller定义总结

上文中总结完了ng-view的应用,将运维后台分开界面到2个,进行到 逻辑Controller处理中,本文将总结一下在项目中Controller都用到了哪些知识: $scope:作用域对象,只是代表本Controller对象,本作用域的任何对象都用$scope来声明。$rootScope:代表整个页

上文中总结完了ng-view的应用,将运维后台分开界面到2个,进行到 逻辑Controller处理中,本文将总结一下在项目中Controller都用到了哪些知识:

$scope:作用域对象,只是代表本Controller对象,本作用域的任何对象都用$scope来声明。

$rootScope:代表整个页面作用域,可以在任意子$scope之间传递全局对象    

$http:用来发送http请求的对象.

设置header

var module =angular.module('index');
//设置httpheader
module.config(function($httpProvider){
   $httpProvider.defaults.headers.put['Content-Type'] ='application/json;charset:utf-8';
   $httpProvider.defaults.headers.post['Content-Type'] ='application/json;charset:utf-8';
    $httpProvider.defaults.headers.put['token']= tokenval;
   $httpProvider.defaults.headers.post['token'] = tokenval;
});

声明一个子变量

$scope.sys_type ='ios';

声明一个function

$scope.editAdv =function(obj) {
    //some code
}

发送HTTP请求

var pa ={"bannerRole":$scope.model_role,"ClientType":$scope.sys_type};
$http.post(commonUrl.adv.findAdv,pa).success(function(data,status, headers, config){
            $scope.list = data.body;
        }).error(function(data, status,headers, config){
            alert("error");
        })

调用已经声明好的ng方法

$scope.functionName();

总结

              目前在本人的应用中Controller只用到了以上的知识,基本可以满足CRUD和页面的渲染,之后在用到其他知识在补全吧。

吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | PHP问答
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有