2016-06-11 70 views
-1

HTML代码如何设置AngularJS值属性

<select class="form-control" id="txtcity" data-ng-model="Register.city" ng-options="item for item in dtcmbCity"> 
             <option value="">Please Select</option> 
            </select> 
<button type="button" ng-click="btnSet();">Set Item</button>  

JS代码

$scope.Register = {city: ''}; 
$scope.dtcmbCity = ['Delhi','Bombay','Chennai']; 

$scope.btnSet= function() { 
     $scope.Register.city = "Delhi"   
    } 

我的问题是,当负载数据(德里,孟买,钦奈)在选择框中显示的形式。然后我点击设置按钮,我想在选择框中设置德里。

感谢,请帮助

+0

与http://stackoverflow.com/questions/37762855/how-to-use-ng-repeat-to-show-all-the-values-coming-from-the-api-in-which-i类似-need/37763050#37763050 –

+2

朋友,您的代码可以正常工作,正如您所描述的那样。看到[这个笨蛋](https://plnkr.co/edit/UwUBg8HdROhH4F5DjHq9) –

+0

什么是确切的问这里?代码似乎在做你正在寻找的东西。 – Deep

回答

0

,如果你正在寻找的选项的值设置属性字段相同文本值比这可以帮助你。

您当前的代码。

ng-options="item for item in dtcmbCity" 

结果HTML。

<select class="form-control ng-pristine ng-valid ng-touched" id="txtcity" data-ng-model="Register.city" ng-options="item for item in dtcmbCity"> 

<option value="" class="" selected="selected">Please Select</option> 
<option label="Delhi" value="string:Delhi">Delhi</option> 
<option label="Bombay" value="string:Bombay">Bombay</option> 
<option label="Chennai" value="string:Chennai">Chennai</option> 
</select> 

,如果你在NG-选项使用轨道通过,HTML代码

ng-options="item for item in dtcmbCity track by item" 

结果HTML。

<select class="form-control ng-pristine ng-valid ng-touched" id="txtcity" data-ng-model="Register.city" ng-options="item for item in dtcmbCity track by item"> 
<option value="" class="" selected="selected">Please Select</option> 
<option label="Delhi" value="Delhi">Delhi</option> 
<option label="Bombay" value="Bombay">Bombay</option> 
<option label="Chennai" value="Chennai">Chennai</option> 
</select> 

设置按钮点击的值工作正常。

+0

是的,即使Vinod写的代码也很好。只是试图让他知道如果他正在寻找这样的事情的方式,因为问题不明确。 – Deep

+0

请检查此链接https://plnkr.co/edit/5QqqXpQ27ga62Lr7tcbA?p=preview – vinod

+0

项目未在组合框中设置。请帮忙.. – vinod