Question

我在页面上进行了表单更新，并且已经实现了绑定值，可以将其显示为纯文本。我的问题是如何在默认情况下选择它？

这是我的代码：

<select 
    id="coursewareType"
    name="courseware_type"
    class="form-field"
    ng-model="$ctrl.questionnaire.data.attributes.category"
    ng-required="$ctrl.QuestionnaireStore.questionnaireFormMode !== 'detail'"
    ng-options="opt.label for opt in $ctrl.questionnairewareType">
</select>

<p>{{ $ctrl.questionnaire.data.attributes.category }}</p><!-- NO PROBLEM HERE I CAN GET THE SAVED DATA HERE. HOW CAN I MAKE THIS AS A DEFAULT SELECTED OPTION? -->

在我的控制器上，我有我的选项值

//fields for type
questionnairewareType = [
    {
        value: "questionnaire",
        label: "Questionnaire"
    },
    {
        value: "course-content",
        label: "Course Content"
    }
];

在后端部分，我需要传递下拉菜单的值。我希望你能帮助我。谢谢大家，谢谢。

Answer 1

为默认值，将默认选择

使用纳克 - 值。

$scope.default_val = "course-content";
<select 
    id="coursewareType"
    name="courseware_type"
    class="form-field"
    ng-value="default_val"
    ng-model="$ctrl.questionnaire.data.attributes.category"
    ng-required="$ctrl.QuestionnaireStore.questionnaireFormMode !== 'detail'"
    ng-options="opt.label for opt in $ctrl.questionnairewareType">
</select>

Answer 2

将默认值（对象）分配给$ ctrl.questionnaire.data.attributes.category：

$ctrl.questionnaire.data.attributes.category = //questionnairewareType[0]（在此处虚拟）

如何使用Angular JS在下拉选择中绑定默认值？

2 个答案: