Невозможно загрузить отображение данных Json

Question

У меня есть выпадающее меню, которое отображает название состояний. Данные извлекаются из php и также доступны в файле JS контроллера. Но эти данные отображаются как пустые в HTML. результат php, показывает имя всех состояний в таблице, если используется consoled.log().

HTML:

<select class='form-control' name='state' id='state' ng-model='AddqueryArr.state' required='required' ng-change='getCity(AddqueryArr.state)'> 
        <option></option> 
        <option ng-repeat='state in State.json' value='{{state.id}}'>{{state.name}}</option> 
       </select> 

JS:

servicePOST.send(appConstants.BASE_MS_URL + 'Activity/fetch-addquery.php?case=State').then(function(result) { 
      $scope.State=result; 
      console.log($scope.State); 

     }); 

PHP:

case "State": 
$sql="select stateid,statename from state "; 

    $result = mysql_query($sql) or die(mysql_error()); 
    $json_array=$obj->runQuery($result); 

break; 

Пример вывода:

console.log:

Answer 1

В вашем объекте ответа у вас есть statename и stateid не name и id.
Изменить HTML как:

<select class='form-control' name='state' id='state' ng-model='AddqueryArr.state' required='required' ng-change='getCity(AddqueryArr.state)'> 
    <option></option> 
    <option ng-repeat='state in State.json' value='{{state.stateid}}'>{{state.statename}}</option> 
</select>