发表于: 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所依赖的其他模块。
- 下载js文件,引入到
index.html
文件中。 - 在html中,添加注入位置:
<div ui-view="">
。它是当被触发注入时,填充的位置。 - 在html中,添加触发器:
<ANY ui-sref="XXX">
。XXX是$state,它遵循xxx.xxx的树形结构,渲染时从根节点开始渲染。 - 在app.js中,配置路由函数
.config(function($stateProvider, $urlRouterProvider) {});
评论