发表于: 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){
/*通过$stateProviderstate()函数来进行路由定义*/


   $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 老大的会议,讲到入门后,毕业后,工作后不会抛弃我们。作为一个开放的行业会一只保持联系。




返回列表 返回列表
评论

    分享到