发表于： 2017-04-15 22:27:15
1 1181
今日完成：
完成任务六的路由功能，剩余 后台页、公司列表页、公司详情页 三个页面的css还没有写。
明日计划：
明日有点事情要外出，看晚上有没有时间完成css。
问题：
1.第一个问题是不太熟悉 AngularJS的代码及语法，所以写得比较慢。在网上找了2个例子（用路由实现跳转或者说插入文本内容，以及网页模板内容），重写了这两个例子，稍微熟悉了点。
2.写js路由功能时。我开始用 when。。。，template:“文本内容”。功能是可以实现的。但是当改成when。。。，templateUrl:“网址”，浏览器就开始报错。
查了资料，主要是templateUrl相关的。明白在路由功能里，templateUrl:“”，只能加入服务器（或者库）上的网页模板内容，更不能输入网址。我的本地库是用nginx配置了反向代理，那个接口是没有我输入的这些模板内容的。
于是把templateUrl 中的网址模板改为webstorm中本地库的网页文件，就能正常跳转了。下一步需要把 后台页、公司列表页、公司详情页 三个页面写好，替换掉相应的网址。
收获：
1.初步了解angular 和路由的概念。
AngularJS 由View Mode Controller 三个部分组成。
route 需要和 ng-view 要搭配使用。ng-view相当于提供了页面模板的挂载点，当切换URL进行跳转时，不同的页面模板会放在ng-view所在的位置。然后通过 routeProvider 配置路由的映射。其主要有两个方法 when（） 以及otherwise，感觉这个类似于js的循环语句。
2.Scope(作用域)的概念。
Scope 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 是一个对象，有可用的方法和属性。
3.ng-repeat 的概念。
这个指令会使每个重复项都访问当前的重复对象，感觉用在ul li中是很方便的。
4.template、 templateUrl 的区别。
templateUrl:
用于在 ng-view 中插入 HTML 模板文件，其内容为服务器或者库中已存在网页文件；
template:
用于在 ng-view 中插入简单的 HTML 内容。
另外 templateUrl 还可以写成函数，不过我只是看了下例子，没有深入去学习。
返回列表
评论