2016-05-19 8 views
0

私はmdl-stepperを使用しようとしていますが、index.htmlページにステッパーを追加するとうまく動作します。以下のようなplunkerリンクを見つけてください問題ui-ルータを使用しているときに角度mdlステッパーで

"https://plnkr.co/edit/m7EGqw?p=preview" 

しかし、私は別のhtmlの中で同じことをやって、ui-routerを使っていると動作しません。

"https://plnkr.co/edit/ixMI8FKbhyTgL5sYieVa?p=preview" 

問題点を教えてください。

答えて

1

ステッパーは材料設計Liteのパターンを使用して新規コンポーネントを登録し、最初のページの読み込み後に追加されるドキュメントの負荷とコンポーネントを自動的にアップグレードします。

あなたのケースでは、Stepperが非同期リクエスト(初期ページロード後)によって追加されました。これを行うには、Stepperコンポーネントを手動でアップグレードして動作させる必要があります。

あなたの非同期のコード。リクエストコールバック:

// The Stepper registers itself. Since you are adding dynamically, then you 
// need to upgrade it. This line will upgrade all components that must. 
componentHandler.upgradeAllRegistered(); 
関連する問題