2016-07-28 19 views
0

をクリックすると上のページの特定のセクションに移動し、私はに似てJSON持って次のように1ページリスト・グループ項目

{ 
"qaset": [ 
    { 
    "question": "question1", 
    "answer": [ 
     "answer11", 
     "answer12" 
    ] 
    }, 
    { 
    "question": "question2", 
    "answer": "answer2" 
    }, 
    { 
    "question": "question1", 
    "answer": [ 
     "answer31", 
     "answer32" 
    ] 
    } 
] 
} 

を、私はリストのグループを定義している:

<div class="list-group card"> 
    <a class="list-group-item list-group-nav-item" ng-repeat="each in qaset">{{each.question}}</a> 
</div> 

上記のリストから項目(つまり質問)のいずれかをクリックすると、JSONのさまざまなセクションのすべての「回答」を持つ別のページにリダイレクトされますが、これに基づいて対応する「回答」が表示されますページ1からクリックした項目。

すべての「回答」をセクションとしてこのページを定義するにはどうすればよいですか? どのように前後に移動しますか?

答えて

1

2つの異なるページを実装するには、角度UIルーターを使用します。それは簡単で効果的です。アンカータグにクリック機能を追加し、対応する回答obj(つまり「each.answer」)を渡すだけです。関数本体の内部でこれらのパラメータを他のビュー(ページ)に渡します。これらの値は次のページでstateparamsを持つことができます。そこにすべてのセクションをプロットする必要はありません。キャッシュ可能な他のページを偽にする。それが動作します。あなたの2番目のページには、デフォルトですべての回答が含まれているので、最初のページからのみ質問を渡すと、どの回答を表示するのかを得ることができます。