0

我想从我的回复中使用默认值设置我选择的角度。我的 Angular 选择的下拉值也来自 AJAX 响应。我尝试了 ng-init 并指向与索引相关的值。但没有运气。

HTML

   <select  ng-init="model.country = cities[currentLocationIdx]"  
chosen  ng-model="model.country"  
   ng-options=" cities.name for cities in cities" required> 
    <option value="">Select a Location</option> 
    </select>

JS：

$scope.model.country = "Bangalore";
    $scope.currentLocationIdx = $scope.cities.findIndex( city => city.name ===  $scope.model.country );

JSON：

[
  {
    "name": "South Andaman"
  },
  {
    "name": "Nicobar"
  },
  {
    "name": "Adilabad"
  },
  {
    "name": "Anantapur"
  },
  {
    "name": "Chittoor"
  },
  {
    "name": "East Godavari"
  },
  {
    "name": "Bangalore"
  }
]
4

2 回答 2

1

试试下面更新的代码。它在我选择的图书馆的最后工作。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
</head>
<body ng-app="app" ng-controller="ctrl">

    <select name="mySelect" id="mySelect" chosen
            ng-options="city.name for city in cities track by city.name"
            ng-model="country"></select>

    {{country}}

    <script src="../lib/angular.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-chosen-localytics/1.8.0/angular-chosen.js"></script>
    <script>
        var app = angular.module('app', []);
        app.controller('ctrl', function ($scope) {

            $scope.cities = [
                  {
                      "name": "South Andaman"
                  },
                  {
                      "name": "Nicobar"
                  },
                  {
                      "name": "Adilabad"
                  },
                  {
                      "name": "Anantapur"
                  },
                  {
                      "name": "Chittoor"
                  },
                  {
                      "name": "East Godavari"
                  },
                  {
                      "name": "Bangalore"
                  }
            ];
            $scope.country = { "name": "Bangalore" };
        });
    </script>

</body>
</html>
于 2018-06-26T06:21:13.583 回答
1

您只需在控制器中将变量声明为 obj ，如下所示：

$scope.model = {};

工作演示

于 2018-06-28T14:43:13.873 回答