首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用Angular JS绑定dropdown select上的默认值?

如何使用Angular JS绑定dropdown select上的默认值?
EN

Stack Overflow用户
提问于 2019-01-31 16:13:17
回答 2查看 48关注 0票数 0

我在我的页面上有一个表单更新,我已经实现了一个绑定值,我可以在纯文本上显示它。我的问题是如何在默认情况下选择此选项?

下面是我的代码:

代码语言:javascript
复制
<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? -->

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

代码语言:javascript
复制
//fields for type
questionnairewareType = [
    {
        value: "questionnaire",
        label: "Questionnaire"
    },
    {
        value: "course-content",
        label: "Course Content"
    }
];

在后端部分,我需要传递dropdown的值。我希望你能帮助我。谢谢所有人,谢谢。

EN

回答 2

Stack Overflow用户

发布于 2019-01-31 18:57:57

使用ng-value作为默认选择的默认值。

代码语言:javascript
复制
$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>
票数 0
EN

Stack Overflow用户

发布于 2019-02-02 00:27:59

将默认值(Object)分配给$ctrl.questionnaire.data.attributes.category:

$ctrl.questionnaire.data.attributes.category = //questionnairewareType[0] (此处为虚拟对象)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54456004

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档