[Angular2]（2016年5月30日の更新）关于用于路由的HTML BASE元素

2 年 ago
韵, 科
1 minute

过程

从某种程度上来说，这是关于HTML内容的，因为这是我在学习Angular2时第一次了解到的，所以我将其写在这里。

关于Angular2的路由，请点击此处
关于HTML的baseURI，请点击此处

构成

如果在Web服务器的documentroot下创建名为angular的目录，则应用程序的URL如下：
http://xxx.xxx.xxx.xxx/angular/index.html

那时index.html的编写方式

doctype html
html(lang="ja")
  head
    base(href="/angular/")
    meta(charaset="utf-8")
    meta(name="viewport" content="width=device-width,initial-scale=1")
    title Angular
  body
    my-app Loading ...
    script(src="node_modules/systemjs/dist/system.js")
    script(src="node_modules/rxjs/bundles/Rx.min.js")
    script(src="node_modules/angular2/bundles/angular2-polyfills.min.js")
    script(src="node_modules/angular2/bundles/angular2.min.js")
    script(src="node_modules/angular2/bundles/router.dev.js")
    script(src="assets/scripts/index.min.js")

appDir    = "assets/scripts"
bootstrap = "bootstrap"

System
  .config
    packages :
      "#{appDir}" :
        format           : "cjs"
        defaultExtension : "js"

System
  .import "#{appDir}/#{bootstrap}"

考察 – 中文的替换方法有很多种，以下为其中一种选择：

实地考察

经过尝试了各种方法，最终取得了以下的良好效果。

    • [X] href=”/angular”

 

    • [X] href=”angular”

 

    • [O] href=”/angular/”

 

    [O] href=”/angular/index.html”

顺便提一下，当href=”/angular/”时，

$ console.log(document.baseURI)
"http://xxx.xxx.xxx.xxx/angular/"

这也是可能的。

附加信息（2016-05-30 更新）

最新版本是2.0.0-rc.1，似乎有一些规格变更，所以记下来。

    • [X] href=”/angular”

 

    • [X] href=”angular”

 

    • [O] href=”/angular/”

 

    [X] href=”/angular/index.html”
bannerAds