If -, else-Bedingungen in angularjs Vorlagen

Ich bin ganz neu mit AngularJs. Ich arbeite an einer Q&Eine Anwendung, wo ich Sie zu machen einige Fragen und deren Antworten in form einer Tabelle. Ich habe drei Arten von Fragen, die ich zu erbringen in einer anderen Weise. Jede Frage hat einen Typ zugewiesen. Wenn Frage.Typ ist "MCQ" dann wird die options-oder deren Antwort wiedergegeben werden sollen, die mit HTML-checkbox, und wenn die Frage-Typ NUM deren Antworten wiedergegeben werden sollen mit radio-buttons. ich versuchte dies und verwenden, wenn die Bedingungen in AngularJs-Template. mein code ist

<table>
    <thead>
        <td>Questions</td>
        <td></td>
        <td>Hints</td>
    </thead>
    <tr data-ng-repeat="question in quizdata.questions">
        <td ng-if="question.type==MCQ">
            <li>{[{question.question_text}]}</li>
            <ol data-ng-repeat="answer in question.answers">
                <li>
                    <input type="checkbox">{[{answer.answer_text}]}</input> 
                </li>
            </ol>
        </td>

        <td ng-if="question.type==FIB">
            <ol data-ng-repeat="answer in question.answers">
                <li>
                    <input type="text"> </input>
                </li>
            </ol>
        </td>

        <td ng-if="question.type==NUM">
            <ol data-ng-repeat="answer in question.answers">
                <li>
                    <input type="radio">{[{answer.text}]}</input>
                </li>
            </ol>
        </td>

        <td></td>

        <td ng-if="quizdata.attempt_hint">
            {[{question.hint}]}
        </td>
    </tr>
</table>

Versuchte ich es so. Aber ich denke, wenn die Bedingungen nicht ausführen. Da ist es Rendern aller Elemente in jedem Fall, ob die Bedingung wahr oder falsch). Bin ich mit dem, wenn die Bedingungen in der rechten Weise? Gibt es eine else-Bedingung in AngularJs Vorlagen? Hilfe wird sehr geschätzt werden.

InformationsquelleAutor Sajid Ahmad | 2013-12-01

  1. 23

    Was du suchst ist die ngSwitch Richtlinie, die angewendet werden sollte, wenn der Umgang mit sich gegenseitig ausschließenden Bedingungen:

    <td ng-switch="question.type">
    <div ng-switch-when="MCQ">
      <li>{[{question.question_text}]}</li>
      <ol data-ng-repeat="answer in question.answers">
          <li>
              <input type="checkbox {[{answer.answer_text}]}</input> 
          </li>
      </ol>
    </div>
    <div ng-switch-when="FIB">
        <ol data-ng-repeat="answer in question.answers">
            <li>
                <input type="text"> </input>
            </li>
        </ol>
    </div>
    <div ng-switch-when="NUM">
        <ol data-ng-repeat="answer in question.answers">
            <li>
                <input type="radio">{[{answer.text}]}</input>
            </li>
        </ol>
     </div>
</td>
<td ng-if="quizdata.attempt_hint">
    {[{question.hint}]}
</td>
    Ja, Es funktioniert, Danke @Blackhole

    InformationsquelleAutor Blackhole

  2. 9

    Wenn Sie sicher sind, dass Sie verwenden möchten ngIf und nicht ngSwitch wie @Blackhole verwiesen wird, möchte ich nur sicherstellen, dass Sie vergleichen die Frage.geben Sie in eine Zeichenfolge und nicht, was wahrscheinlich ist, wird interpretiert als ein Objekt oder eine andere variable Winkel.

    Z. B. anstelle von:

    <td ng-if="question.type==FIB">

    Verwenden:

    <td ng-if="question.type == 'FIB'">

    Hoffe, das hilft!

    JMDB, versuchte ich dieses auch . aber es funktioniert nicht . gleichen Sie alle Bedingungen erfüllen,
    wenn Sie echo aus Frage.geben, was gibt er Ihnen?
    Danke JMBD, funktioniert es, sorry es war mein Fehler, ich hatte einige problem mit der ma-Logik. Seine arbeiten fein jetzt. Danke
    kein problem! glücklich zu helfen. alle upvotes/gelöst credits sind erwünscht!
    Sowohl die Lösungen gegeben durch u Jungs sind perfekt . Aber ich kann akzeptieren, nur eine Antwort, hahaha

    InformationsquelleAutor jmdb

Schreibe einen Kommentar