AngularJSでは、jsonデータを使用して入力を生成し、DOMに挿入できますか？

Question

私はカスタムテンプレートシステムで作業しています。ユーザがテンプレートを選択すると、角度$httpが呼び出され、テンプレートに関する情報が得られます。そのJSONレスポンスに含まれたテンプレートを投入するために必要な入力である：

{ 
    "template":{ 
     "title": "Test Template", 
     "slug": "testTemplate", 
     "version": 1.0, 
     "inputs": 
     [ 
      { 
       "type": "text", 
       "name": "title", 
       "label": "Header Title" 
      }, 
      { 
       "type": "textarea", 
       "name": "intro", 
       "label": "Introduction" 
      } 
     ] 
    } 
} 

私はページ上のその入力を追加するinputsのそれぞれの値を使用したいと思います。私は、入力がテキスト、数値、選択、テキストエリア、ファイルなどであるかどうかわからないと仮定しなければならない。私は、生成された入力を返すパラメータを与えるためにディレクティブを使う必要があると仮定し、おそらくng-repeatとしてページに表示されます。

ヘルプ、リンク、または正しい方向へのプッシュは素晴らしいものです。

Answer 1

ここでは、すばやく作成したサンプルコードを示します.jsonは常に0以上の入力を持つという前提で動作します。

<input ng-repeat="x in inputs" type="{{x.type}}" name="{{x.name}}">{{x.label}}</input>