URLセグメントをrouterLinkにバインドする方法

Question

routerLinkディレクティブに観測可能なパスをバインドすることはできますか？

私は、次のような構文のバリエーションの多くを試してみた：

<a [routerLink]="'${url$}' | async">This syntax doesn't work</a> 
<a [routerLink]="['{{ url$ | async }}']">This also doesn't work</a> 

がうまくいけば、これはrouterLink経由ではなく、唯一の命令的にルータを経由して、宣言可能です。

Answer 1

私は、ルートセグメントが文字列で、その後にマトリックスパラメータが単一のオブジェクトとして組み合わされた（そして文字列化されていない）配列としてデータをストリーミングすることによって、この動作を得ました。

Answer 2

これはNG 4.2で動作していますが、2.xでもうまくいくと思います。 Observableの次の値を（observable $ | async）を使って引き出すことができます。これはオブジェクト/値を返します。私の例では、探しているプロパティを呼び出すことができます。

<a [routerLink]="['/' + (activeFirstTier$ | async).slug, nav.slug]">{{nav.name}}</a> 

activeFirstTier $はReplaySubjectです。