Question

我正在尝试使用google表单创建相同的功能，当用户选择不同的问题类型时，它会显示不同的数据输入样式，例如文本，段落文本，多项选择。

以下是我 code的链接：

我的问题是，当我选择其中一个问题类型时，它不起作用，返回上一个状态。

我不知道为什么。

以下是我的代码的一部分：

<tr>
    <th>
        <label class="question_label">Question Type</label>
    </th>
    <td>
        <select class="question_dropdown" ng-model="question.type">
            <option value= "text">Text</option>
            <option value= "paragraph">Paragraph Text</option>
        <option value= "radio">Multiple Choice</option>
        <option value= "checkbox">Checkboxes</option>
        <option value= "list">Choose from a list</option>
        </select>
    </td>
</tr>


</tbody>
</table>
<div class="question_typeContainer" ng-switch="question.type">
    <div class="question_typeText" ng-switch-when="text">
    <input class="question_textfield disabled" value="Their answer" disabled>
</div>
    <div class="question_typeText" ng-switch-when="paragraph">
    <input class="question_textfield disabled" value="Their answer" disabled>
</div>
</div>

Answer 1

如果使用ng-show而不是ng-switch-when，它似乎工作正常。试试这个。

<div class="question_typeContainer">
  <div class="question_typeText" ng-show="question.type == 'text'">
    <input class="question_textfield disabled" value="Their answer" disabled>
  </div>
  <div class="question_typeText" ng-show="question.type == 'paragraph'">
    <input class="question_textfield disabled" value="Their answer" disabled>
  </div>
</div>

angularjs数据绑定按钮不起作用

1 个答案: