2017-11-22 5 views
1

私はAngularJSに新たなんだので、これは愚かに見えるかもしれませんが、私は本当に私がsearchAll移入配列

を呼び出してから返す配列のリストをしました

それを把握することはできません

console 
    0: {mobile: "12345678", lastname: "last01", firstname: "first01"} 
    1: {mobile: "87654321", lastname: "last02", firstname: "first02"} 
    ... 

それは私が下記の

を取り込む場合には、テキストとして表示されます ng-repeat="client in ctrl.clients"

<input ... ng-model="ctrl.client.firstname" 
<input ... ng-model="ctrl.client.lastname" 
<input ... ng-model="ctrl.client.mobile" 

を使用して、別の入力フィールドに移入する必要があります

<li>First name: {{client.firstname}}</li> 
<li>Last name: {{client.lastname}}</li> 
<li>Mobile: {{client.mobile}}</li> 

Ideally, it should go into the input fields

どれ提案感謝!私が思う

+0

しかし、問題は何ですか?実際に 'ng-repeat'を使用するコードはありません。この部分を提供してください。 –

+0

あなたはすでにng-repeatで 'ctrl.'を使用しています。これはオブジェクトのコピーを引き出します。スコープにバインドする必要はないので、' ctrl.clientの代わりに 'client.firstname'を使用してください。 firstname' –

+0

@Ovidiu Dolhaここでコードの一部をhttp://jsfiddle.net/miintea/dnvc40zcに追加しました。データはmongoDBからのものです。これは少し鮮明であることを願っています – miintea

答えて

0

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 

 
<body ng-app="myApp"> 
 

 
    <div ng-controller="myCtrl as ctrl"> 
 
    <div ng-repeat="client in ctrl.clients"> 
 
     <input type="text" ng-model="client.firstname" /> 
 
     <input type="text" ng-model="client.lastname" /> 
 
     <input type="text" ng-model="client.mobile" /> 
 
    </div> 
 
    <pre>{{ctrl.clients | json}}<pre> 
 
    \t </div> 
 
    <script> 
 
    var app = angular.module('myApp', []); 
 
    app.controller('myCtrl', function() { 
 
     this.clients = [{ 
 
     mobile: "12345678", 
 
     lastname: "last01", 
 
     firstname: "first01" 
 
     }, { 
 
     mobile: "87654321", 
 
     lastname: "last02", 
 
     firstname: "first02" 
 
     }]; 
 
    }); 
 
    </script> 
 

 
</body> 
 

 
</html>

、あなただけ与えられたコードの上ご参照object.pleaseを移入します。ライブオブジェクトを表示するために<pre>を追加しました。

+0

私は彼がコントローラー**を持っていると信じています。 –

+0

@AlekseySolovey、ok私はコードを更新します。 –

+0

@Aleksey Solovey @ lihki.m.vあなたの提案は正しいです!ありがとうございました!私はちょうどngモデルからクライアントを削除する必要があった! – miintea