2017-12-05 10 views
0

私のチームと私は角度4のオーディエンスレスポンスウェブアプリケーションを作成しています。allAnswersという配列を作成しています。これはthisのようです。私がクイズを終えると、私はこれを示す結果コンポーネントにルーティングされますtable。あなたが見ることができるように、答えは台無しです。これは私のテーブルコンポーネントのhtml codeです。テーブルの角度4で配列(サブアレーを含む)を並べ替える

アレイの構造について説明してください。allAnswers答えは外に構築されています:

0要素:

  • 答え:

    • questionIDは答えが

    1要素になるの略で、これは次のとおりです。これは簡単なブール値です。今すぐ真偽質問を実装しました。

  • studentID:aを識別する文字列

    最初のテーブルヘッド素子は、問題を意味し、「Frage」と命名された:クイズあなたは私たちが次のようにそれを構築するテーブルの絵に見ることができるよう

で単一の学生。その下の列にはquestionIDが含まれています。質問IDは後で質問テキストに置き換えられます(これは今問題ではありません)。次の表のヘッダーは、クイズに参加した行のstudentsIDです(別の配列はthisのように見えます)。今度は、allAnswersの配列をソートして、正しい答えに合った各生徒の答えを正しく示すようにします。

どうすれば解決できますか?

+0

コードをhttps://stackblitz.com/に追加してここに投稿できますか? –

+0

imgurの画像は見えませんが、基本的なfilter()関数で単純に行うことができるように聞こえます。質問を返信し、各質問の回答をフィルターにかけて、何でも表示してください。 – Luna

+0

Lodashのソートに役立ちます。これを使用して、自分でソート条件を定義することができます。 https://lodash.com/docs/4.17.4#sortBy – Ludwig

答えて

0

あなたの返信ありがとうございますが、私はすでにそれを理解しました。私はパイプを実装することを考えましたが、同僚がng-template(以前のng-container)に言及していましたが、現在は動作しています。私は自分のallAnswers配列を再構成しました。そのため、studentID、questionID、およびanswerが1つのレベルに含まれていました。そして、thisは、それをすべて魔法のように働かせるhtmlのコードです。

もっときれいに見えるように提案があれば、書き込んでください:)。私はまだ数ヶ月前にAngularで始まった初心者です。

関連する問題