发表于: 2016-12-20 02:32:04

1 1408


今天完成的事情:学习了AngularJS 过滤器 AngularJS服务 AngularJS路由等知识,做了任务六的页面,但是没能跨域去测试、下载并学习了Angular-ui-router.js。


明天计划的事情:完成nginx跨域,完成任务六、了解下nginx的原理、继续学习Angular


遇到的问题:没有找到会用的nginx跨域方法,对于nginx不够了解,里面的很多东西不知道作用是什么,解决了,原来css任务一的那种配置就可以跨域,又智障了……对Angular路由理解不是很透着,很多设置改变了就不知道怎么写了,按照查的攻略,写了任务六,还做了一个嵌套的路由页面,由于还没法测试,不知道做的成功么。


收获:  如果多个控制器有相同代码部分,不能通过控制器继承一个公共控制器来实现,而是应该将公共代码放到一个服务中来引用。



反向代理(Reverse Proxy)方式是指以代理服务器来接受Internet上的连接请求,然后将请求转发给内部网络上的服务器,并将从服务器上得到的结果返回给Internet上请求连接的客户端,此时代理服务器对外就表现为一个服务器。

正向代理指的是,一个位于客户端和原始服务器之间的服务器,为了从原始服务器取得内容,客户端向代理发送一个请求并指定目标(原始服务器),然后代理向原始服务器转交请求并将获得的内容返回给客户端。

  • template:

    如果我们只需要在 ng-view 中插入简单的 HTML 内容,则使用该参数:

    .when('/computers',{template:'这是电脑分类页面'})
  • templateUrl:

    如果我们只需要在 ng-view 中插入 HTML 模板文件,则使用该参数:

    $routeProvider.when('/computers', {
        templateUrl: 'views/computers.html',});

    以上代码会从服务端获取 views/computers.html 文件内容插入到 ng-view 中。

  • controller:

    function、string或数组类型,在当前模板上执行的controller函数,生成新的scope。

  • controllerAs:

    string类型,为controller指定别名。

  • redirectTo:

    重定向的地址。

  • resolve:

    指定当前controller所依赖的其他模块。



  1. 下载js文件,引入到index.html文件中。
  2. 在html中,添加注入位置: <div ui-view="">。它是当被触发注入时,填充的位置。
  3. 在html中,添加触发器:<ANY ui-sref="XXX">。XXX是$state,它遵循xxx.xxx的树形结构,渲染时从根节点开始渲染。
  4. 在app.js中,配置路由函数 .config(function($stateProvider, $urlRouterProvider) {});







返回列表 返回列表
评论

    分享到