0

このようなサーバーデータから動的に作成されるHTMLウィジェットのリストがあります（Jade）：

.area(ng-repeat="widget in widgetsList.widgets")
    h3 {{widget.title}}
    p {{widget.type}}
    span {{widget.data}}

ウィジェットは同じ構造ではなく、それぞれが独自の機能を表しているため、視覚的に同じように表示したくありません。例の最後の段落では、データjsonを文字列として配置しています。これは、「important-messages-widget」または「recent-events-widget」のようなタイプに応じて、適切なhtmlウィジェットとしてレンダリングする必要があります。

Angularはかなり見栄えがしますが、詳細なドキュメントがありません。このケースをどのように管理すればよいですか？

4

1 に答える 1

0

Angular には、Angular soo を強力にする 2 つの組み込みディレクティブがあります。

  1. ng-repeat (既に使用している)

  2. ng-switch これは、ほとんどの開発者が誤解している、または理解していない、またはそのような効果があるようです。通常のプログラミング言語の html で switch ステートメントの機能を利用できます。

http://docs.angularjs.org/api/ng.directive:ngSwitch

そのためのドキュメントは、良い出発点を提供するはずです。ngSwitch と ng-repeat を組み合わせると、ビューを表現する非常に強力な方法が得られます。

<div ng-switch on="widget.type" >
    <div ng-switch-when="important-messages-widget">Important Message</div>
    <div ng-switch-when="recent-events-widget">Recent Events ---add more html here </div>
</div>

お役に立てれば。

于 2012-08-31T09:20:58.907 に答える