如何根据angularJS中的数据在html选项中添加'selected'？

我正在开发一个angularJS。这是我在PHP代码：如何根据angularJS中的数据在html选项中添加'selected'？

<label class="item item-input item-select"> 
    <div class="input-label">Do you have the right to work in UK?</div> 
    <select name="do_you_have_the_right_to_work_in_uk" ng-model="do_you_have_the_right_to_work_in_uk"> 
     <option value="">Select</option> 
     <option value="yes" <?php echo $user->do_you_have_the_right_to_work_in_uk == 'yes' ? 'selected' : ''; ?>>Yes</option> 
     <option value="no" <?php echo $user->do_you_have_the_right_to_work_in_uk == 'no' ? 'selected' : ''; ?>>No</option> 
    </select> 
</label>

考虑到变量{{user_data.do_you_have_the_right_to_work_in_uk}}持有 '是' 或 '否'。我的PHP代码在angularJS中的equalent是什么？

来源

2016-05-17 Dasmond Miles

实际上，您不需要在选项选择中添加条件。相反，只设置ng-model="do_you_have_the_right_to_work_in_uk"应该已经做

var app = angular.module('myApp', []); 
 

 
app.controller('MainCtrl', function($scope) { 
 
    $scope.do_you_have_the_right_to_work_in_uk = "no" 
 
});

<script data-require="[email protected]" src="https://code.angularjs.org/1.4.9/angular.js" data-semver="1.4.9"></script> 
 

 

 
<body ng-app="myApp" ng-controller="MainCtrl"> 
 
    <label class="item item-input item-select"> 
 
    <div class="input-label">Do you have the right to work in UK?</div> 
 
    <select name="do_you_have_the_right_to_work_in_uk" ng-model="do_you_have_the_right_to_work_in_uk"> 
 
     <option value="">Select</option> 
 
     <option value="yes">Yes</option> 
 
     <option value="no" >No</option> 
 
    </select> 
 
    </label> 
 
</body> 
 

 
</html>

来源

2016-05-17 09:54:56

创建的选择只使用selected =“selected”。这将选定的属性添加到选项。

<option value="yes" <?php echo $user->do_you_have_the_right_to_work_in_uk == 'yes' ? 'selected="selected"' : ''; ?>>Yes</option>

来源

2016-05-17 09:45:44

使用ng-selected

<select name="do_you_have_the_right_to_work_in_uk" ng-model="do_you_have_the_right_to_work_in_uk"> 
    <option value="">Select</option> 
    <option value="yes" ng-selected="do_you_have_the_right_to_work_in_uk === 'yes'">Yes</option> 
    <option value="no" ng-selected="do_you_have_the_right_to_work_in_uk === 'no'">No</option> 
</select>

来源

2016-05-17 09:59:37 mtamma

如何根据angularJS中的数据在html选项中添加'selected'？

回答

相关问题