28

次のような json が与えられた場合:

{
   "name": "john"
   "colours": [{"id": 1, "name": "green"},{"id": 2, "name": "blue"}]
}

および 2 つの通常の html 入力:

<input type="text" name="name" />
<input type="text" name="color" />
<input type="submit" value="submit" />

考えられるすべてのバリエーションを含むテーブルを作成する必要があります。例:

John green
John blue

つまり、ユーザーが入力を通じて値を追加し続けると、新しい行が表示され、新しいバリエーションが構築されます。たとえば、次のようになります。

また、それを処理するためにIDを利用できるようにする必要があります。たとえば、「Peter」「Black」などの入力を使用して新しい値を追加するときに、自動インクリメントのようにID(色ID)を動的に自動入力する必要がありますmysql、次のような結果になります。

{
  "colours": […...{"id": 3, "name": "black"}]
}

それは可能ですか?angularでそれを行うには、どのオプションがありますか? 私はまだjQueryの方法で考えていますが、角度のある方法でやりたいと思っています。

hg-repeat を調べて使用しましたが、期待される結果を実現する方法がわかりません。頭に浮かぶ唯一のことは、ネストされた ng-repeat を使用することでしたが、うまくいきませんでした。

よろしくお願いします。

ギレルモ

4

6 に答える 6

11

angularJS を使用した動的な列と行の例を次に示します: http://plnkr.co/edit/0fsRUp?p=preview

于 2013-12-27T20:08:35.617 に答える
2

TGridは、Google 検索では通常見つけられないもう 1 つのオプションです。見つけた他のグリッドがニーズに合わない場合は、無料で試してみることができます

于 2014-04-04T17:52:47.070 に答える
1

このangular-tableディレクティブを確認してください。

于 2014-05-04T16:14:48.490 に答える
0

まず、@MaximShoustinに感謝します。

おかげさまでとてもいい食卓になりました。

と にいくつかの小さな変更を加え$scope.rangeます$scope.setPage

このようにして、最後のページに移動したり、最初のページに戻ったりする可能性があります。また、次のページまたは前のページに移動すると、$scope.gap交差するとナビゲーションが変わります。また、現在のページが常に最初の位置にあるとは限りません。私にとっては、より美しく見えます。

これが新しいフィドルの例です: http://jsfiddle.net/qLBRZ/3/

于 2014-06-05T09:17:12.510 に答える