angularjs для выпадающего списка

Question

angularjs для выпадающего списка

0

Мне нужно выпустить список. Первый раскрывающийся список:

<select ng-model="vm.eesAdminSetupData.Type"
class="form-control"  
id="Type"
name="Type"
required>
<option value="Form">Form</option>
<option value="List">List</option></select>

<select ng-model="vm.eesAdminSetupData.SettingID" 
class="form-control" 
id="SettingID" 
name="SettingID" 
ng-options="option.SettingID as option.SettingID + ' - ' + option.Name for option in vm.eesSettingIdOptions" >
<option ></option>
</select>

То, что я хочу сделать, - как только я выберу List, другой выпадающий список должен иметь значение пустым или нулевым. Это возможно?

Roel 24 сен. 2015, в 11:52

Источник

0

<select ng-model = "vm.eesAdminSetupData.Type" class = "form-control" id = "Type" name = "Type" обязательный> <option value = "Form"> Form </ option> <option value = " Список "> Список </ option> </ select>
Roel 24 сен. 2015, в 09:46
0

Пожалуйста, добавьте хотя бы ваш текущий HTML-код для выбора.
michelem 24 сен. 2015, в 09:50
0

Первое: <select ng-model = "vm.eesAdminSetupData.Type" class = "form-control" id = "Type" name = "Type" обязательно> <option value = "Form"> Form </ option> <значение параметра = "Список"> Список </ option> </ select>
Roel 24 сен. 2015, в 09:52
0

Второе: <select ng-model = "vm.eesAdminSetupData.SettingID" class = "form-control" id = "SettingID" name = "SettingID" ng-options = "option.SettingID как опция.SettingID + '-' + option .Name для опции в vm.eesSettingIdOptions "> <option> </ option>
Roel 24 сен. 2015, в 09:53
0

Поместите это в вопрос, а не в комментарии!
michelem 24 сен. 2015, в 09:53
0

это работает? ..
Roel 24 сен. 2015, в 09:57

Показать ещё 4 комментария

Теги:

angularjs

3 ответа

Ещё вопросы

<select ng-model = "vm.eesAdminSetupData.Type" class = "form-control" id = "Type" name = "Type" обязательный> <option value = "Form"> Form </ option> <option value = " Список "> Список </ option> </ select>
Пожалуйста, добавьте хотя бы ваш текущий HTML-код для выбора.
Первое: <select ng-model = "vm.eesAdminSetupData.Type" class = "form-control" id = "Type" name = "Type" обязательно> <option value = "Form"> Form </ option> <значение параметра = "Список"> Список </ option> </ select>
Второе: <select ng-model = "vm.eesAdminSetupData.SettingID" class = "form-control" id = "SettingID" name = "SettingID" ng-options = "option.SettingID как опция.SettingID + '-' + option .Name для опции в vm.eesSettingIdOptions "> <option> </ option>
Поместите это в вопрос, а не в комментарии!

krishna · Answer 1 · 2015-09-24T09-02-00.000Z

Пытаться

<select ng-model="vm.eesAdminSetupData.Type"
                class="form-control"  
                id="Type"
                name="Type"
                ng-change="changesettingsDropdown()"
                required>
                <option value="Form">Form</option>
                <option value="List">List</option>
                </select>

                <select ng-model="SettingID" 
                class="form-control" 
                id="SettingID" 
                name="SettingID" 
                ng-options="option.SettingID as option.SettingID + ' - ' + option.Name for option in vm.eesSettingIdOptions" >
                <option ></option>
                </select>

И в контроллере

$scope.vm = {};
$scope.vm.eesSettingIdOptions = [{"SettingID":"1","Name":"aaaa"}, {"SettingID":"2","Name":"bbbb"}];
$scope.changesettingsDropdown = function(){
    if($scope.vm.eesAdminSetupData.Type == "List") {
        $scope.SettingID = "0";
    }
}

Я добавил ng-change для первого элемента select и изменил ng-модель другого элемента select

muenchdo · Answer 2 · 2015-09-24T08-43-00.000Z

Просто добавьте ng-show во второй <select> чтобы он отображался только при <select> списка.

<select ng-model="vm.eesAdminSetupData.Type"
  class="form-control"  
  id="Type"
  name="Type"
  required>
    <option value="Form">Form</option>
    <option value="List">List</option>
 </select>

 <select
   ng-show="vm.eesAdminSetupData.Type == 'List'" 
   ng-model="vm.eesAdminSetupData.SettingID" 
   class="form-control" 
   id="SettingID" 
   name="SettingID" 
   ng-options="option.SettingID as option.SettingID + ' - ' + option.Name for option in vm.eesSettingIdOptions">
     <option></option>
 </select>

anuragal · Answer 3 · 2015-09-24T07-58-00.000Z

Напишите атрибут ng-change в первом списке select например

ng-change=resetOtherDropdown()

в приведенной выше функции javascript просто сбросьте значение ng-model другого выпадающего списка

resetOtherDropdown = function() {
    $scope.vm.eesAdminSetupData.SettingID = "";
}