Как установить значение выбора по умолчанию в AngularJS? - PullRequest
Новая
       0

Как установить значение выбора по умолчанию в AngularJS?

0 голосов
/ 02 марта 2020

Я совершенно новичок в Angular Js 1.0, и я борюсь за один из простых кодов здесь. Я хотел показать выбранное по умолчанию значение в раскрывающемся списке. Ниже приведен код, который я использовал 

<select id="ddlHeritage" class="form-control" columnname="HeritageIssues"
                            ng-change="riskCltr.showriskcomment()"
                            ng-focus-compliance="" ng-model-options="{'updateOn':'default blur', 'debounce':{'default': 250, 'blur':0}}" ng-model="McProMainCtrl.mcProEntry.McPro_Risk.HeritageIssues">
                        <option ng-repeat="item in (ValuerList = (McProMainCtrl.mcProEntry.McPro_DropDownData | orderBy:'Name' | filter:{GroupID:'120'} )) "
                                ng-selected="{{item.Value==McProMainCtrl.mcProEntry.McPro_Risk.HeritageIssues}}" value="{{::item.Value}}">
                            {{::item.Name}}
                        </option>
                    </select>

. В приведенном выше коде я получаю раскрывающееся значение из базы данных (, включая значение "--Select--" ). Однако у меня есть ноль значения в поле McProMainCtrl.mcProEntry.McPro_Risk.HeritageIssues .

Я хотел выбрать значение - Выбрать - , когда McProMainCtrl.mcProEntry.McPro_Risk. HeritageIssues значение равно нулю. Я на самом деле борюсь за то, как выполнить sh это в angularjs

Когда я добавляю строку ниже над параметром, он добавляет два "Выбрать" 

<option value="null">--Select--</option>

Любой помощь приветствуется.

Ответы [ 2 ]

0 голосов
/ 02 марта 2020

Это похожие вещи, которые я решил в своем проекте. Не нужно никаких вариантов 

var app = angular.module('angularjs-starter', []);

app.controller("unitController", function ($scope) {

$scope.units = [{name: "Crore", value: "Crore"},
        {name: "Lakh", value: "Lakh"},
        {name: "INR", value: "INR"},
        {name: "--------", value: "", separator: true},
        {name: "Million", value: "Million"}];
        
        
$scope.financialDataUnit = "Crore";
});
<!DOCTYPE html>
<html ng-app="angularjs-starter">
  <head>
    <link rel="stylesheet" href="style.css">
   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-controller='unitController'>
    <select ng-model="financialDataUnit" 
      ng-options="unit.value as unit.name disable when unit.separator for unit in units">
    </select>
  </body>
</html>
0 голосов
/ 02 марта 2020

Попробуйте добавить value="null" в выбранный элемент: 

<select id="ddlHeritage" value="null" class="form-control" columnname="HeritageIssues"
                            ng-change="riskCltr.showriskcomment()"
                            ng-focus-compliance="" ng-model-options="{'updateOn':'default blur', 'debounce':{'default': 250, 'blur':0}}" ng-model="McProMainCtrl.mcProEntry.McPro_Risk.HeritageIssues">
                        <option ng-repeat="item in (ValuerList = (McProMainCtrl.mcProEntry.McPro_DropDownData | orderBy:'Name' | filter:{GroupID:'120'} )) "
                                ng-selected="{{item.Value==McProMainCtrl.mcProEntry.McPro_Risk.HeritageIssues}}" value="{{::item.Value}}">
                            {{::item.Name}}
                        </option>
                    </select>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...