6

angle.jsは、複雑なクライアント側のJavaScriptベースのWebアプリケーションに最適ですが、より小さな単純なJavaScriptタスクにも使用することを考えています。

たとえば、いくつかの項目を含むリストがあります。

<ul>
    <li data-id="1">Foo</li>
    <li data-id="2">Bar</li>
</ul>

ここで、HTMLにいくつかのボタンを追加して、ユーザー入力後にリストをフィルタリングおよび/またはソートする必要があります。これは簡単な作業です。

既存のHTML要素からデータを抽出してangular.jsで使用する方法はありますか？データはHTMLである必要があるため、検索エンジンもwhatsを取得できます。

明確にするために編集：

最終的には、リストのデータが、ulリストを処理するコントローラーのモデルにプッシュされます。（[{id:1, text:"Foo"}, {id:2, text:"Bar"}]）
モデルにさらにオブジェクトをプッシュすると、リストにそれらが表示されます。
モデルにフィルターを適用すると、li要素がフィルターされます。

最良のシナリオは、次のようなものです。

<div ng-model="data">
    <ul ng-repeat="object in data | filter:filterCriteria">
        <li data-id="1">Foo</li>
        <li data-id="2">Bar</li>
        <li data-id="{{object.id}}">{{object.text}}</li>
    </ul>
</div>
4

3 に答える 3

0

質問を正しく理解している場合は、問題の html 要素に angular.element().scope を使用できます。

このメソッドは、angular では箱から出して直接処理できない特定の対話に使用します。

于 2014-11-05T09:05:24.090 に答える