2016-08-27 4 views
-2

y={1,2,3}のようなオブジェクトを持っているとしましょう。 HTMLでAngularを使用してその値を表示したい。オブジェクトの値をHTMLで永続的に表示する方法

for(var i=0;i<y.length;i++){ 
     $scope.data=y[i]; //transferring 
} 

と私のHTMLにそれが書かれている:

だから私がやったことある

<html> 
     {{data}} 
    </html> 

は今、私はそれが最後の値を示していることを知っている(3)データ値であるため、最後に更新され、ループの最後の値が3であるため、HTMLで3を設定します。だから私の質問は、この問題をどのように解決できるかということです。

+0

質問を更新してください。それは不完全なようです。 –

答えて

0

まず問題はyは配列でなければならないことである。

var y = [1, 2, 3] 

第二に、あなたがいないループのために、あなたのhtmlでng-repeatを使用する必要があります。

<span ng-repeat="num in y"> 
    {{ num }} 
</span> 

最も重要なのは、あなたが目を通す必要がありますドキュメンテーションといくつかのチュートリアルが最初にあります。これは、すべての本やチュートリアルで最初に教えられている、angularjsの最も基本的な部分ですから。

UPDATE

あなたのhtml内のオブジェクトのプロパティを表示したい場合は、あなたがこれを行うことができます:

<span ng-repeat="(key, value) in y"> 
    {{key}} - {{ value }} 
</span> 
+0

lolいいえ。配列に入っていれば何をすればいいのか分かります。オブジェクト形式で入ってくる値を表示したいのですが、質問が完了しました。 –

+0

さて、オブジェクトは次のようには見えません。{1、2、3}!彼らは{'a':1、 'b':2、 'c':3}のようになります。とにかく –

+0

、更新を参照してください。これは、あなたの望むことですか? (auth.getCurrentUser()._ id == val [i] .values [0] .custid){ $ scope.data = val [の場合は、{var i = 0; i

0

いや、私は答えを得ました! すべての応答を配列に格納し、ng-repeatを使用してその配列をレンダリングします。 それは私の心を傷つけるのがとても簡単でした。

関連する問題