多 <app-location> 聚合物中的元素？

Question

每當使用<app-route> ，是否需要多個<app-location> （例如，在父頁面和子頁面中）？ 還是每個應用程序只有一個<app-location> ？

Answer 1

應用程序路由元素具有尾部參數。 它包含URL中與模式不匹配的部分。

您可以將第一個應用程序路由的尾部應用為第二個路由 ，依此類推。

在我的應用程序中，我有一個類似/ ax_admin / object / 6 / grid / 5的網址。 所以我總共需要4個應用程序路由：

<app-route route="{{route}}" pattern="/ax_admin/:view" data="{{view_route_data}}" tail="{{view_tail}}">
<app-route route="{{view_tail}}" pattern="/:id" data="{{id_route_data}}" tail="{{id_tail}}">
<app-route route="{{id_tail}}" pattern="/:subview" data="{{subview_route_data}}" tail="{{subview_tail}}">
<app-route route="{{subview_tail}}" pattern="/:subid" data="{{subid_route_data}}" tail="{{subid_tail}}">

然后，我使用自定義觀察器來檢測網址更改：

is: "ax-admin",
observers: [
    '_routeChanged(route.*)'
],
_routeChanged: function(route){    
    if(this.view_route_data && route.path == "route"){
        this.page = this.view_route_data.view;

        if(this.view_tail && this.view_tail.path){
            this.object_id = this.id_route_data.id*1 ;

            if(this.id_tail && this.id_tail.path){
                this.subpage = this.subview_route_data.subview;

                if(this.subview_tail && this.subview_tail.path)
                        this.view_id = this.subid_route_data.subid*1;
            }
        }
    }
}