Question

我有选择到达AJAX请求。我没有成功设置

$("#environment").val("SWTEST 051t:8083");

success中的$http.get回调函数。在get加载后，我可以通过 VALUE 选择默认选项而非索引吗？

ng-init="environment.name = environment.name || options[0].value" ng-model="environment.name"

Answer 1

由于您拥有environment.name模型，请尝试在成功回调中设置其值：

$scope.environment.name = "SWTEST 051t:8083";

Answer 2

如果您更喜欢JQuery解决方案：

    thevalue="SWTEST 051t:8083";
    $('#environment option').filter(
function(i, e) 
    {
 return $(e).val() ==thevalue}
).attr('selected', 'selected');

如果你有这个代码，那就可以了：

  <select id="environment">
        <option>select</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>        
    </select>

工作示例：

http://jsfiddle.net/wteopnv6/1/

Answer 3

我认为您应该通过$ watch方法

观看options更改

$scope.$watch("options", function (){
    $scope.environment.name = $scope.options[0].value;
});

使用AngularJS时如何根据选项值而非索引选择默认选择选项？

3 个答案: