发表于: 2017-03-23 12:37:56
1 1268
今日完成:
1 日报,评论审核,入学流程,ui-router问师兄解决。完成。任务7还要再来一天,但是明天做小课堂,所以还需要两天。
ui-router的问题:先了解angularApp的初始化过程。
angular.module('myApp',['ui.router'])
这行代码表示引用声明于视图层的“myApp”应用,然后注入‘ui.router’模块,并进行初始化。注意注入的过程只有一次,所有需要注入的模块在这里注入。(暂不考虑依赖注入和懒加载,我还没用过)
这行代码初始化一个应用的实例,它有.controller方法,是某个页面的控制器。有.config()方法,是App的配置文件,ui-router就被定义于此。而controler也被在对应的url中引用。一个页面的controller是在相应页面的js文件中定义的。
angular.module('myApp',['ui.router'])
/* 注入$stateProvider,$urlRouterProvider */
.config(function($stateProvider,$urlRouterProvider){
/*通过$stateProvider的state()函数来进行路由定义*/
$urlRouterProvider.otherwise('login');
$stateProvider
.state('login', {
url: "/login",
controller:"loginCtrl",//引用某个控制器,指定此控制器用来控制此页面
templateUrl: "views/login.html"
ngular.module('myApp')//这是模块,不是模型。
//使用$scope来调用控制器,$scope是作用域/控制范围,用来保存模型的对象
//
.controller('loginCtrl',function($scope,$http,$state) {//把$scope作为一个参数传递。
//在此,$scope是保存控制器内的模型的对象,它就是个对象。
//$scope对象保存了这个控制器所控制的页面的所有绑定的model和事件,成为它的方法
//loginCtrl内的模型和函数,都是被作为参数传递的$scope的属性或方法。
$scope.submit = function () {//在此定义
$http({//$http是
method: 'post',
2 准备小课堂,数组的深拷贝和浅拷贝。
浅拷贝==引用。一次定义,随处引用,随处修改,只有一个。
深拷贝==制作副本。可以拷贝原文件的一部分,或者全部,此后与原文件无关。
使用特定的内置方法来实现深拷贝。
为什么?肯定有一些场景需要这样做。
哪些场景?
3 任务7,实现了登录功能,虽然没加什么验证。
$http方法,method属性是post的时候,数据要用params。
method: 'post',
url: "/carrots-admin-ajax/a/login/",//现在是学员接口,要重新设置nginx,问师兄取。
params: {//post请求只能用params,不能用data。
name: $scope.inputName,
pwd: $scope.inputPassword
至于url的跨域配置总是没搞明白,也没怎么问。
这是返回的response对象,终于看到它了。服务器返回的数据保存在.data属性里。
明日计划:
1 日常任务+临时任务(讲解入学流程)
2 小课堂。深拷贝,浅拷贝。
3 任务7,晚上争取把ng-repeat配置好,能够显示列表也,这样基本完成了。
问题:
跨域中的nginx配置,以及js中跨域的url它们这样设置的原因。怎样的规律。
location /carrots-admin-ajax/{#登录/萝卜多后台
proxy_pass http://119.10.57.69:880; #服务器地址
$http({//$http是
method: 'post',
url: "/carrots-admin-ajax/a/login/",//现在是学员接口
收获:
1清楚了angular应用的初始化过程,已经控制器的引用方式。
2 老大的会议,讲到入门后,毕业后,工作后不会抛弃我们。作为一个开放的行业会一只保持联系。
评论