angular2学习时的路由重定向问题

关于angular2里面使用了templateUrl的时候设置moduleId其实是用于解析样式表和模板的相对路径，如文档中所述。

包含组件的模块的模块标识。需要能够解析模板和样式的相对网址。在Dart中，这可以自动确定，不需要设置。在CommonJS中，这总是可以设置为module.id。

ref（old）：https : //angular.io/docs/js/latest/api/core/index/ComponentMetadata-class.html

我们可以通过设置@Component元数据的moduleId属性来指定模板和样式文件相对于组件类文件的位置

ref：https：//angular.io/docs/ts/latest/cookbook/component-relative-paths.html

文件夹结构示例：

RootFolder
├── index.html
├── config.js
├── app
│   ├── components
│   │   ├── my.component.ts
│   │   ├── my.component.css
│   │   ├── my.component.html

没有module.id：

@Component({
  selector: 'my-component',
  templateUrl: 'app/components/my.component.html', <- Starts from base path
  styleUrls:  ['app/components/my.component.css'] <- Starts from base path
})

使用module.id：

tsconfig.json：

{
  "compilerOptions": {
    "module": "commonjs", <- need to change this if you want to use module.id property
...

 

@Component({
  moduleId: module.id,
  selector: 'my-component',
  templateUrl: 'my.component.html', <- relative to the components current path
  styleUrls:  ['my.component.css'] <- relative to the components current path
})

2.angular2路由里面重定向里面关于pathMatch的说明

它能做什么

表示路由器配置。

接口概述

interface Routes {

}

接口说明

Routes是路由配置数组。每个都有以下属性：

• path 是使用路由匹配器DSL的字符串。
• pathMatch 是指定匹配策略的字符串。
• matcher定义了路径匹配并取代自定义策略path和pathMatch。有关详细信息，请参阅UrlMatcher。
• component 是组件类型。
• redirectTo 是将替换当前匹配段的url片段。
• outlet 是组件应放入的插座的名称。
• canActivate是用于查找CanActivate处理程序