2016-12-19 7 views
2

私はアプリケーションを開発していて、ng-repeatが埋め込まれたテーブルを持っています。テーブルの最後の列はクリックされた画像です。私は画像をクリックすることを選択したテーブルの行。ng-repeatで非表示のAngularJS入力タイプ

フォームに隠された入力タイプを使用しようとしましたが、それは私のためには機能しません。

これは私のコードです:私はこのデータ(COD)を管理する必要がコントローラで後

<tr ng-repeat="Data in response"> 
        <td align="center">{{Data.date}}</td> 
        <td align="center">{{Data.conf}}</td> 
        <td align="center">{{Data.evaso}}</td> 
        <form ng-submit="submit()"> 
         <input type="hidden" name="codice" value="Data.code" ng-model="codice"> 
         <td align="center"><input type="image" src="img/note.png" class="imageNote" ng-click="submit()"></td> 
        </form> 
       </tr> 

。しかし、この方法では、私はコンソールでそれを印刷しようとしました、結果はundefinedです。

どうすればこの問題を解決できますか?

+0

type = imageはsubmit関数を呼び出しますか?それを確認する必要があります。あなたの関数は$ scope.submitでなければなりません – M98

+0

はい画像はsubmit関数を正しく呼び出す@Kermani – Edoardo

+0

あなたのcodice変数はData.codeと同じデータを保存します。言い換えれば、codice = Data.code? –

答えて

0

私は私はあなたの質問を取得するかどうかわからないけど、あなたが選択した項目を渡したい場合は

$scope.submit = function(selectedId){ 
    console.log(selectedId); 
    //Your code. 
} 

をして、あなたのHTMLはこれに変更する必要があります:機能を提出し、あなたはこのようなあなたの角度の機能を持つことができます

<input ng-click="submit(Data.id)" type="image" src="img/note.png" class="imageNote"> 

注:関数に何かを渡すために{{}}(式)を使用する必要はありません(ここではng-click)

+0

ありがとう、それは動作します! – Edoardo

+0

@Edoardoあなたのために働く嬉しい:)ありがとう – M98

0

私はあなたがクリックで簡単にDate.codeデータを取得するには、次の方法を試すことができると思います。

<input type="image" src="img/note.png" class="imageNote" ng-click="submit(Data.code)"> 
関連する問題