我们什么时候应该使用<router-outlet> </router-outlet>?

时间:2018-03-12 09:28:22

标签: angular angular5

对于路由,我们使用route.params.subscribe()或

这两者之间有什么区别以及如何一起使用它们?

2 个答案:

答案 0 :(得分:3)

此作为占位符,Angular根据当前路由器状态动态填充。

你可以试试这个

https://angular.io/api/router/RouterOutlet

答案 1 :(得分:1)

在Angular中,告诉Angular编译器(广泛地说)这是您在URL更改时执行html更改的空间。

在jQuery或JavaScript中考虑这一点 - `

var a1 = "Content 1";
var b1 = "Content 2";
var router = $("router-outlet");

function route(param) {
    $("router-outlet").html("")
    if (param == 'a') {
        $("router-outlet").html(a1);
    } else {
        $("router-outlet").html(b1)
    }
}

` 现在HTML就像这样 -

<div>
  <span onclick = "route('a')">Post Content A</span>
  <span onclick = "route('b')">Post Content B </span>
  <div>
    <router-outlet></router-outlet>
  </div>

Plnkr:http://embed.plnkr.co/iB6kON8mRtgX5CEBili9/

这是最基本的想法。