如何在Angular 2+;中随模块导出图像;?
我有一个新的角度项目,只有一个组件,一个标题。标题中有一个徽标图像。我正在组件的构造函数中设置它:如何在Angular 2+;中随模块导出图像;?,angular,Angular,我有一个新的角度项目,只有一个组件,一个标题。标题中有一个徽标图像。我正在组件的构造函数中设置它: export class AppHeader { logoImage: string; constructor() { this.logoImage = '/assets/images/logo.png'; } } 然后在模板中执行 现在,我已经创建了一个包含此组件的模块,将在秒角度项目中导出和使用: import { NgModule } from '@angular/co
export class AppHeader {
logoImage: string;
constructor() {
this.logoImage = '/assets/images/logo.png';
}
}
然后在模板中执行
现在,我已经创建了一个包含此组件的模块,将在秒角度项目中导出和使用:
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { AppHeader } from './app-header.component';
@NgModule({
imports: [
CommonModule
],
declarations: [
AppHeaderComponent
],
exports: [
AppHeaderComponent
]
})
export class AppHeaderModule { }
这很好用,不过它不会把图像带过来。我还尝试过直接在模板中引用图像,而不将其添加到.ts文件中,即仅
是否有我遗漏的步骤或不同的导出技术来实现这一点?根据Pierre的建议,我没有尝试将图像与组件/模块一起导出,而是在第二个项目上更新了我的angular-cli.json以通过以下方式复制图像:
"assets": [
"assets",
"favicon.ico",
{
"glob": "**/*",
"input": "../node_modules/base-project/src/assets/images",
"output": "./assets/images"
}
],
根据Pierre的建议,我没有尝试将图像与组件/模块一起导出,而是在第二个项目上更新了angular-cli.json,以便通过以下方式复制图像:
"assets": [
"assets",
"favicon.ico",
{
"glob": "**/*",
"input": "../node_modules/base-project/src/assets/images",
"output": "./assets/images"
}
],
尝试了吗?在第一次项目生成时,是否将图像移动到dist文件夹?顺便说一句,即使图像嵌入到构建中,您也可以在第二个项目的节点模块中找到它。因此,您必须告诉您的构建系统,以便在第二个项目中从依赖项获取图像。Rafael-不起作用。谢谢@PierreMallet,是的,这似乎是正确的方法,将node_modules包中的图像复制到我的资产中。你尝试过吗?在第一次项目构建时,图像是否移动到dist文件夹?顺便说一句,即使图像嵌入到构建中,您也可以在第二个项目的节点模块中找到它。因此,您必须告诉您的构建系统,以便在第二个项目中从依赖项获取图像。Rafael-不起作用。谢谢@PierreMallet,是的,这似乎是正确的方法,将node_模块包中的图像复制到我的资产中