Как я могу привязать значение по умолчанию в выпадающем списке, используя Angular JS? - PullRequest
Новая
       35

Как я могу привязать значение по умолчанию в выпадающем списке, используя Angular JS?

0 голосов
/ 31 января 2019

У меня есть обновление формы на моей странице, и я уже применил значение привязки, и я могу показать его в виде простого текста.Моя проблема в том, как я могу выбрать это по умолчанию?

Вот мой код: 

<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"
    }
];

НаБэкэнд часть мне нужно передать значение моего выпадающего.Я надеюсь, что вы можете мне помочь.Спасибо всем и спасибо.

Ответы [ 2 ]

0 голосов
/ 01 февраля 2019

Назначить значение по умолчанию (объект) для $ ctrl.questionnaire.data.attributes.category:

$ctrl.questionnaire.data.attributes.category = //questionnairewareType[0] (здесь пустышка)

0 голосов
/ 31 января 2019

Используйте значение 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>
...