Question

Edited: Now this example fully works with external json service to see it in live

我可以在console.log中看到收到的数组和参数，但我无法将该数组回显到视图...

该在线JSON服务返回{"key": "value"}

如何使{{some_item.key}}正常工作？谢谢！

<!DOCTYPE html>
<html ng-app="Simple">
<body>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular-resource.min.js"></script>
<div ng-controller="SimpleController">    
    {{some_item.key}}
</div>
<script>
angular.module('Simple', ['ngResource']);
function SimpleController($scope, $resource) {
    $scope.simple = $resource('http://echo.jsontest.com/key/value',
        {callback:'JSON_CALLBACK'},
        {get:{method:'JSONP'}}
    );
    $scope.some_item = $scope.simple.get();
    console.log($scope.some_item.key);
}   
</script>
</body>
</html>

Answer 1

您需要将插值放在控制器的范围内，如此

<div ng-controller="SimpleController">    
    {{some_item.key}}
</div>

通过$ resource get方法接收数组

1 个答案: