如何在Angular js中选择默认选项（印度）？

Question

使用选择框显示国家名称，选择选项来自外部json文件。 基于选定的国家，我正在将状态json文件加载到另一个选择框中，直到一切正常，现在我需要将“默认选定的国家”设置为INDIA，我尝试了下面的代码。

HTML

<div ng-app="myApp" ng-controller="myCtrl">
    <div>
         <select id="country" ng-init="state1 = options['IN']" style="width:250px;" class="" name="selectFranchise" ng-model="state1" ng-change="displayState(state1)">
             <option ng-repeat="(key,country) in countries"  value="{{key}}">{{country[0]}}</option>
          </select>
    </div>{{countries}}{{state1}}    
    <div>
         <select id="state" ng-model="cities">
             <option ng-repeat="(state,city) in states[state1]" value="{{city}}">{{city}}</option>
         </select>
    </div>
</div>

脚本

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.states =  {
     "IN":[
       "Delhi",
       "Goa",
       "Gujarat",
       "Himachal Pradesh",
     ]
   };
   $scope.countries =  {
      IN: ["India"],
       ZA: ["South Africa"],
       AT: ["Austria"]
     }
    $scope.lastName = "Doe";
});

的jsfiddle

Answer 1

定义$scope.countries后，将其添加到控制器中

$scope.state1 = Object.keys($scope.countries)[0];

从HTML页面中删除ng-init 。