我们决定使用 Mean.io 来快速安装 MEAN 堆栈,但我们发现在完成任务时遇到了一些麻烦。
我正在尝试显示来 self 的 header js Controller 的图片。但它没有出现。事实上,当我打开检查器时,我看到的只是:
<img ng-src>
这是我的 HTML 代码,位于 header.html 中:
<div class="page-header" data-ng-controller="HeaderController">
<div class="logo pull-left">
<a class="navbar-brand" ui-sref="home"><img ng-src="{{image.logo}}"/></a>
</div>
</div>
如您所见,我已经放置了“ng-src”和从 js Controller 获取的 var。
这是 HeaderController:
'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
};
});
}
]);
模板 var 工作正常,因为如果我将 {{image.logo}} 放在其他地方,它会打印“assets/img/logo.png”。
建议?我错过了什么?
提前致谢!
最佳答案
我遇到了类似的问题,我做了和你一样的事情,但 PNG 出现了 404 错误。在审查提出的其他要求时,我想出了, 您还必须在参数 Logo 中传递“包名称”。
就像;
$scope.image = {
logo: 'system/assets/img/logo.png'
};
根据需要显示 Logo
关于javascript - 试图显示来自 Angularjs Controller 的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25268158/