使用angular和JSON填充下拉列表

时间:2015-11-27 10:54:11

标签: javascript angularjs json

我有一个data.json文件,我想阅读它并填写下拉列表。 我的代码是:

# End Whenever

我没有用这段代码得到任何东西。没有错误没有下拉列表。 你能救我吗?

谢谢

2 个答案:

答案 0 :(得分:1)

问题出在这里:Traceback (most recent call last): File "<stdin>", line 1, in <module> File "/home/work/cloud/python2.7_64/lib/python2.7/subprocess.py", line 544, in check_output raise CalledProcessError(retcode, cmd, output=output) subprocess.CalledProcessError: Command '['exit 1']' returned non-zero exit status 1 ,它应该是ng:repeat

顺便说一句,我强烈建议您使用ng-repeat代替https://docs.angularjs.org/api/ng/directive/ngOptions

答案 1 :(得分:0)

将您的代码更改为:

<option ng-repeat="data in myData"> {{data.id}} - {{data.name}}</option>

您的选择应该有效,但似乎您还有其他问题,您可以做的第一件事就是在$http.get

中记录回复
   $http.get('feed/data.json').success(function(response){
            console.log(response)
            $scope.myData = response;
        });

只是为了看到我们确实得到了一些数据。

您也可以尝试创建一些测试数据

$scope.myData = [
    {id: 1, name: 'test1'},
    {id: 2, name: 'test2'} ];

还要评论// $scope.myData = response;

如果您的ng-repeat使用测试数据,那么问题不在于ng-repeat,而在于$http.get请求