Html 将图像从外部文件夹加载到组件2
我试图在login.component.html中加载我的徽标,但它似乎无法工作。下面是我的文件夹的结构。我希望你能帮我做这件事Html 将图像从外部文件夹加载到组件2,html,angular,angular2-routing,angular2-forms,Html,Angular,Angular2 Routing,Angular2 Forms,我试图在login.component.html中加载我的徽标,但它似乎无法工作。下面是我的文件夹的结构。我希望你能帮我做这件事 在login.component.html中 就这样 使用css样式将其应用于div .logo { width: logowidthpx; height: logoheightpx; background-image: url('assets/img/logo.png'); } 在你的组件中 <div class="logo"&
在login.component.html中
就这样 使用css样式将其应用于div
.logo {
width: logowidthpx;
height: logoheightpx;
background-image: url('assets/img/logo.png');
}
在你的组件中
<div class="logo"></div>
确保index.html文件中的基本href如下所示:
<base href="/">
此外,您正在做的一些代码片段也会有所帮助。请发布您试图访问资产的任何代码以及您认为可能有用的任何配置信息。试试这个-
<img src="src/assets/img/logo.png">
你能发布你的代码吗尝试过这个,但是没有用。我知道这件事是对的我不知道我的错在哪里,它似乎不起作用。我总是在./src/app/account/login/login.component.html模块中遇到这个错误。你能进一步解释一下为什么你认为这可以解决问题吗?通过给出完整路径或绝对路径,这可能会解决问题@Nicohaase为什么您的代码片段只包含相对路径,而绝对路径可能更好?
"projects": {
"project-name": {
"root": "",
"sourceRoot": "src",
"projectType": "application",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist",
"index": "src/index.html",
"main": "src/main.ts",
"tsConfig": "src/tsconfig.app.json",
"polyfills": "src/polyfills.ts",
"assets": [
"src/assets",
"src/favicon.ico"
],
...
<img src="src/assets/img/logo.png">