如何使用角度 JS 在下拉选择上绑定默认值

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

默认情况下，它将选择默认值，使用 ng 值。

$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.问卷.数据.属性.类别：

$ctrl.questionnaire.data.attributes.category = //questionnairewareType[0]（这里是假人）