Javascript AngularJS Get检索图像url时失败，返回“0”；302已找到“；

我正在尝试向AngularJS应用程序添加一个图像，其中包含一个从随机cat图像站点接收的url。 这是我的controller.js：

'use strict';

 /* Controllers */
 var catPath = "http://thecatapi.com/api/images/get?format=src&results_per_page=1";
 var Controllers = angular.module('museum1.controllers', []);
 Controllers.controller('oneCatController', ['$scope', '$http',
 function($scope, $http) {
    $http.get(catPath).success(function(data) {
        $scope.imgurl = data;
        console.log($scope.imgurl);
    });
 }]);

这是应该显示图像的部分：

<div>

    <img ng-src="{{imgurl}}">
</div>

该控制器由app.js调用，此处未显示

使用fireBug，我得到一条带有我请求的路径和“302找到770ms”的消息。 浏览器地址行的路径是相同的，我使用的角度代码也适用。

一些东西

通常我不使用双花括号表示ng属性。你可以考虑删除它们。

控制器变量的大小写敏感度不同于在ng src中访问的变量的大小写敏感度。这可能会导致ng src值不显示 在控制器中：

$scope.imgurl = data;

在HTML中：

<img ng-src="{{imageUrl}}">

将您的HTML更改为：

<img ng-src="{{imageurl}}">

基本上，把“U”改成小写

---

最后，我不确定ng src是如何工作的。但是，如果它使用JavaScript加载图像，并且您的域与正在加载的图像不是同一个域，那么您可能会遇到跨域安全问题。但是，如果ngsrc没有以某种方式使用JavaScript加载图像，那么您应该可以

谢谢，我已经修复了命名错误，但得到了相同的结果。关于你的第一个评论，你能解释一下吗？我的印象是，双括号对于浏览器识别数据是必不可少的ng@Kepedizer花括号用于识别不在ng属性中的数据。属性中不需要它们。当我删除括号时，我得到一个：404未找到-“@Kepedizer Plunker设计用于动态编辑代码和共享修改后的示例。据我所知，GitHub不提供这一功能。此功能有效：。我认为您不需要使用HTTPGET来检索图像。结果将是图像的二进制结果。