首页 > 其他分享> > 选定项目后,AngularJS下拉列表丢失内容

选定项目后,AngularJS下拉列表丢失内容

2019-11-22 13:08:54 作者：互联网

我有一个从VS运行的ASP.Net WebAPI项目,该项目以JSON形式向Angular项目提供数据.我是通过$http.get调用从webapi中获取数据的,如下所示：

function CarController($scope, $http) {
    $http.get('http://localhost:1246/api/values')
         .success(function (data, status, headers, config) {
             $scope.carSet = data;
         })
         .error(function (data, status, headers, config) {
             $scope.error = status;
             alert("You be broken buddy!");
         });
}

然后将carSet绑定到html中,如下所示：

<!DOCTYPE html>
<html data-ng-app="">
<head>
    <title></title>
    <script src="scripts/controllers/controller.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
</head>
<body>
    <div data-ng-controller="CarController">
        <select data-ng-model="carSet" onchange="DataChanged()" data-ng-options="c.Color for c in carSet"></select>
    </div>
</body>
</html>

一切正常.我得到清单.第一个条目为空白,现在可以.

问题：
当我在下拉列表中选择任何一项时,整个列表将被清除,并且没有其他可供选择的项目了？哇！在这一点上,我显然感到沮丧.仅当我使用$http机制从WebApi检索数据时,才会发生此行为.如果我使用$http.get从文件或其他本地创建的数据存储中检索json数据,则不会发生.我只需要一个简单的下拉列表,就可以使用它的选定值来过滤其他数据(另一个数据库调用).

我会给你看照片..但这是我的第一篇文章..而且..我不能.

任何帮助是极大的赞赏.谢谢.

解决方法:

将data-ng-model =“ carSet”更改为其他内容,例如data-ng-model =“ carChosenColor”,它将正常工作.

然后在$scope.carChosenColor中将存储选择的值.

标签：angularjs,asp-net-web-api,http,javascript,c
来源： https://codeday.me/bug/20191122/2059925.html