2

私はangularjsを使用してカスタマイズされたウィジェットを構築したいと思います。私の問題は、ウィジェットを大まかに結合できるようにしたいということです。

私の場合、2つのレベルのコンポーネントを作成したいと思います。

  • グラフィカルスピナー
  • スピナーをとして取る進行状況ウィジェットargument

スピナーを作成しました-http ://jsfiddle.net/Byg6W/

進行状況ウィジェットを次のように記述したいと思います。

<gh:progress data="progress">
   <gh:spinner .... options ....> </gh:spinner>
</gh:progress>

そして、どういうわけか、2つのコンポーネントを「ワイヤリング」して、「データ」が更新されたときに、私が嫌うこととは対照的に、gh:spinnerに自動的にフィードするようにすることができます-gh:spinnerのすべてのオプションをghに入れます:進捗

<gh:progress data="progress" .... options ....></gh:progress>

次に、テンプレートを使用します。

前もって感謝します!

4

1 に答える 1

3

gh:spinner によって呼び出される gh:progress ディレクティブでコントローラーを作成できます。gh:spinner は、require: プロパティを介して要求することにより、このコントローラーを link: 関数に挿入できます。ここでは、require で ^ を使用して、親要素でコントローラーを探すように指示します。

http://docs.angularjs.org/guide/directiveの require: 仕様を参照してください。

angularjs.org ホームページの下部にあるタブの例をチェックして、実際の動作を確認してください。ここで、ペイン ディレクティブは親タブのコントローラーを必要とするため、それらを登録して、タブがそれらの間の切り替えを制御できるようにします。

于 2012-12-19T05:59:04.490 に答える