Javascript 试图显示来自Angularjs控制器的图像

我们已经决定使用Mean.io来快速安装Mean堆栈，但是我们发现要完成这项工作有些困难

我正在尝试显示来自我的头js控制器的图片。但它没有出现。事实上，我打开inspector时看到的只是：

<img ng-src>

模板变量工作正常，因为如果我将{{image.logo}}放在其他地方，它会打印“assets/img/logo.png”

建议？我错过了什么

---

提前谢谢

我遇到了类似的问题，我和你做的一样，PNG出现了404错误。当我回顾其他的请求时，我想到， 您还必须在参数徽标中传递“包名”

正如

$scope.image = {
      logo: 'system/assets/img/logo.png'
    };

---

当变量可能工作时，徽标会按需要显示

，图像是否在该位置？尝试使用

/

预先设置徽标路径。现在，虽然我已更改了路径，但图像仍不会显示。现在，img在inspector中以这种方式显示：标记显示正确，因此可能是图像的位置被关闭。

'use strict';

angular.module('mean.system').controller('HeaderController', ['$scope', '$rootScope', 'Global', 'Menus',
  function($scope, $rootScope, Global, Menus) {
    $scope.global = Global;
    $scope.menus = {};
    $scope.image = {
      logo: 'assets/img/logo.png'
    };

    // Default hard coded menu items for main menu
    var defaultMainMenu = [];

    // Query menus added by modules. Only returns menus that user is allowed to see.
    function queryMenu(name, defaultMenu) {

      Menus.query({
        name: name,
        defaultMenu: defaultMenu
      }, function(menu) {
        $scope.menus[name] = menu;
      });
    }

    // Query server for menus and check permissions
    queryMenu('main', defaultMainMenu);

    $scope.isCollapsed = false;

    $rootScope.$on('loggedin', function() {

      queryMenu('main', defaultMainMenu);

      $scope.global = {
        authenticated: !! $rootScope.user,
        user: $rootScope.user
      };
    });

  }
]);

$scope.image = {
      logo: 'system/assets/img/logo.png'
    };