Javascript 按id发送的角度表达式

在Select/Option

onchange（）

事件中，它应该将JSON文件的值作为角度表达式写入

test ID div

然而，它写起来就像一个字符串：

{{names[1].thnev}

（如果我手动将其放入

ID div

，它就会工作。）

你能帮我吗？我错过了什么？（在过去4小时内…） 多谢各位

<div ng-app="myApp" ng-controller="customersCtrl">      
    <select id="thaz" name="thaz" class="selectbox" onchange="onChange(this.value)">
        <option ng-repeat="x in names" value="{{x.id}}">{{x.id}} - {{x.thnev}}</option>
    </select>

    <div id="list"></div>

</div>

<script>
    var app = angular.module('myApp', []);
    app.controller('customersCtrl', function($scope, $http) {
        $http.get("al_list_th.php")
        .then(function (response) {$scope.names = response.data.records;});
    });

    function onChange(value) {
        document.getElementById("list").innerHTML = "{{names[" + value + "].thnev}}";   
    }
</script>

{{x.id}}-{x.thnev}
var-app=angular.module（'myApp'，[]）；
app.controller（'customersCtrl'，函数（$scope，$http）{
$http.get（“al_list_th.php”）
.then（函数（响应）{$scope.names=response.data.records；}）；
});
函数onChange（值）{
document.getElementById（“list”）.innerHTML=“{{names[“+value+”].thnev}”；
}

我们可以使用AngularJS提供的内置功能来简化问题

在这种情况下，我们可以使用

ngModel

将

select

的值绑定到我们可以在模板中使用的变量中。让我们调用这个变量

selectVal

然后，我们可以将

{{names[selectVal].thnev}}

直接写入我们希望此输出存在的

div

中

我将此示例放在一起，以显示更改：

var-app=angular.module（'myApp'，[]）；
app.controller（'customersCtrl'，函数（$scope，$http）{
$scope.selectVal=“默认”；
$scope.names=[{id:0，thnev:5}，{id:1，thnev:6}]；
//$http.get（“al_list_th.php”）
//.then（函数（响应）{$scope.names=response.data.records；}）；
});

没有一个
{{x.id}}-{x.thnev}
{{names[selectVal].thnev}
PS：由于它运行SQL PHP查询，ID以1开头（不像数组中的0），只需稍加修改即可完美工作。{{names[selectVal-1].thnev}