javascript - 无法加载显示Json数据

Question

我有一个选择下拉列表，显示状态名称。数据是从 php 获取的，也可在 Controller 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;

示例输出:

控制台.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>