共计 800 个字符,预计需要花费 2 分钟才能阅读完成。
本周学习教程并没有遇到什么问题。这周学到了教程中代码重构的部分,原本代码还能勉勉强强的理解,而经过代码重构之后,不但觉得麻烦,而且还很难理解。如果我自己写一部分模块的话,以我现在的水平很难在完成功能之后,再进行教程中那样的重构。
在代码重构过程中讲了好几个新的知识点,我就在这里做一下笔记,以便以后还能想起来有这么个功能,尝试进行使用
一、指令作用:消除 C 层中重复的方法,V 层中相同的代码创建方式:
yo angular:directive name;
使用方式:V 层使用:1. 创建对应的 V 层文件
2. 将 template 设置为对应文件的路径
3. 将 V 层中重复的代码放入该文件中,在原代码处调用指令
C 层使用 1. 将重复的方法写入命令行创建的指令文件中
2. 将 self 设为空对象,并且传入相应的参数 3. 在 return 中调用该方法
二、$httpProvider 作用:将 url 中相同的部分消除使用方式:在路由定义文件中加入下面的代码
$provide.factory(‘myHttpInterceptor’, function($q) {
return {
// optional method
‘request’: function(config) {
// 如果后缀为 html 则不改写
var suffix = config.url.split(‘.’).pop();
if (suffix !== ‘html’) {
config.url = ‘http://127.0.0.1:8080’ + config.url;
}
return config;
}
};
});
$httpProvider.interceptors.push(‘myHttpInterceptor’);
$urlRouterProvider.otherwise(‘/main’);
并注入 $provide,$httpProvider 效果
http://127.0.0.1:8080/Teacher/ -> /Teacher/