2017-09-06 14 views
0

私は配列のリストからオブジェクトの文字列を持っていました。私はオブジェクトの文字列をJSON.parseというメソッドを使ってオブジェクトに変換しますが、ng-repeatの中では空を示しています。ng repeat json parse show空の文字列

ジェイド

.item.col-md-4(ng-repeat='p in searchData | filter: paginate | orderBy: sortKey ') 
    // `p` is a object of string, for example "{id:2, name:'abel'}"; 
    - var property = JSON.parse("{{ p }}"); // Error at this line 
    +AddPropertyCard(property) 

SearchData

[{id:0, name:"abel"},{id:1, name:"julia"}] 

エラー

VARプロパティ= JSON.parse( "")。位置1

+0

JSONを表示できますか? –

+0

'p'が空で、chehck' p'の値が最初であるようです。 – leaf

+0

@leaf {{p}}はオブジェクトを返します。 –

答えて

3

でJSONに

予期しないトークン{アップデート1

変数 'p' はオブジェクトであると思われます。

ドット表記を使用してアクセスする必要があります。 Like {{p.id}}または{{p.name}}です。これはそれぞれの値を表示します。


JSON.parseは、それを解析するために、オブジェクトの文字列を期待しています。

// Lets create a simple Object in javascript 
var notStringObj = { 
    "name": "John", 
    "age": 30, 
    "city": "New York" 
}; 
console.log("JavaScript Object", notStringObj); 

// Lets stringify (Convert in string) the object 
var stringObj = JSON.stringify(notStringObj); 
console.log("JavaScript Stringified Object", stringObj); 

// Following is code to decode this object 

// This will give you result you are expecting i.e. JavaScript Object 
var obj1 = JSON.parse(stringObj); 

// This will throw error - Unexpected token { in JSON at position 1 
// Because this was plain object not a string 
// JSON.parse expects object string in order to Parse it 
var obj2 = JSON.parse(notStringObj) 
+0

エラーは表示されません。 JSON.stringifyを指定すると、空になります。 p変数にはng-repeatのオブジェクトがあります。しかし、何も表示しない –

+0

@Abel Chun 'p'はオブジェクトです。ドット表記でアクセスする必要があります。 {{p.id}}、{{p.name}}のようにアクセスしてみてください。何もエラーが表示されません –

+0

答えを更新しましたので、確認してください。 –

関連する問題