2017-01-20 7 views
0

私はAngularJSフレームワークを全く新しくしました。 以前私は生のJavascriptとJQueryを使用しました 私はLaravel Appにそれを統合しています。Ngモデルとng-repeatを使用して動的入力フィールドを埋め込む

ng-modelとng-repeatを使用して、複数の入力フィールドを動的に追加するにはどうすればよいですか?最後に入力したフィールドのいずれかでユーザー入力/キーアップを実行するだけですか?

<div class="form-group row"> 
      <div class="chargable-group" ng-repeat=""> 

       <div class="col-md-3"> 
         <label class="form-control-label" for="l2" id="chargable-label">Chargable Item</label> 
       </div> 
       <div class="col-md-9" id="chargable-header"> 
          <textarea name="chargable[]" class="form-control dynamic chargable" id="chargable-1"> </textarea> 
          <input type="number" class="form-control" step="0.01" name="chargable-price-1"> 
          <input type="number" class="form-control" name="chargable-quantity-1"> 
          <input type="number" class="form-control" step="0.01" name="chargable-total-1"> 
       </div> 

      </div> 
    </div> 

コード構造は上記のとおりですか? どこから始めたらいいですか?あなただけの興味DOM要素にngのリピートを追加するには、DOMの動的複数の要素を追加したい場合

は、あなたが

答えて

-1

[OK]をありがとうございました。たとえば:あなたはそれを行うことができます

と「項目」にあなたがあなたの「itemsArrayの」内の各行へのアクセス権を持っている

+0

どのように私は、keyUpイベントを検出し、最後動的に読み込まテキストエリアにkeyUpイベントに基づいて行う、唯一の別のセットを移入nullではないが、それは最後の要素はありますか? –

0

一つの方法は、コントローラでからkeyup関数呼び出しで$最後に合格し、検出されています$ lastはnullかどうか。コントローラで

<textarea name="chargable[]" class="form-control dynamic chargable" id="chargable-1" ng-keyup="callMe($last)"> </textarea> 

$scope.callMe = function(last){ 
    if(last){ 
    //code if it is last 
    } 
} 
関連する問題