【问题标题】:When should we use <router-outlet></router-outlet>?我们什么时候应该使用<router-outlet></router-outlet>?
【发布时间】:2018-03-12 09:28:22
【问题描述】:

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

这两者有什么区别,如何搭配使用?

【问题讨论】:

    标签: angular angular5


    【解决方案1】:

    这充当 Angular 根据当前路由器状态动态填充的占位符。

    你可以试试这个

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

    【讨论】:

      【解决方案2】:

      在 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/

      这是最基本的思想。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2020-01-19
        • 2020-11-23
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2016-03-25
        相关资源
        最近更新 更多