0

jquery で書かれた小さなアプリがあり、それを angularjs に変換したいと考えています。

しかし、angularJs で作成できるかどうかについて、いくつかの提案が必要です。私のアプリでは、ajax 呼び出しを行い、Json を取得して解析し、dom に注入します。

ここでの問題は、json プロパティが単純な文字列、配列、またはネストされた json オブジェクトであることです。

したがって、json を解析するときにフォーマットします。たとえば、配列をループしてデータのテーブルを作成したり、文字列を解析して文字列の長さを取得したりします。次に、すべてをdomに出力します。

これは jquery では少し冗長ですが、可能にしてください。AngularJs で似たようなものを作れるか知りたいです。

$.each(data.ALLIMG, function(i, image) {
    if(image.alt){
        $("#imagesDetail").append("<li>ALT:" + image.alt + " SRC: ");
        $("#imagesDetail").append(image.src + "</li>");
        totalAltImg++;
    }
});
$("#text").append("<p>" + data.TEXT + "</p>");
$("#text").append("<p><b>Length: </b>" + data.TEXT.LENGTH + " character(s)</p>");

角度に関する私の知識では、次のようなものを使用する必要があります{{text}}が、それが配列の場合、どのようにテーブルを出力しますか? またはリスト?

4

2 に答える 2

0

次のように見えるはずです

<ul>
  <li ng-repeat='image in data.ALLIMG'> ALT: {{image.alt}} {{image.src}}</li>
</ul>

無効なデータを除外する必要がある場合 (例のように)、コントローラーでフィルター述語を定義できます。

<ul>
  <li ng-repeat='image in data.ALLIMG| filter:properImages'> 
     ALT: {{image.alt}} {{image.src}}</li>
</ul>
于 2013-05-04T01:22:53.087 に答える