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

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和页面的渲染,之后在用到其他知识在补全吧。

内容推荐:免费高清PNG素材下载
吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有 京ICP备19059560号-4