相对路径在Angular2组件中不起作用

拉克什·罗伊(Rakesh Roy)

徽标未加载到组件的Angular 2中(导航栏)

导航栏组件文件:

import { Component, OnInit } from '@angular/core';
@Component({
  moduleId: module.id,
  selector: 'app-navbar',
  templateUrl: './navbar.component.html',
  styleUrls: ['./navbar.component.css']
})
export class NavbarComponent implements OnInit {

  private website:string
  private websiteUrl:string
  constructor() {  
    this.website = 'Rakesh'
    this.websiteUrl = 'http://google.com'
   }
  ngOnInit() {
  }

}

我在模板文件中添加了一些html代码,徽标未加载

我的徽标代码是

<div class="navbar-header">
  <a class="navbar-brand" href="{{websiteUrl}}">
  *<img src="./logo/rakesh.png" class="img-responsive" alt="Image">*
  </a>
</div>

在控制台中输出moduleId should be a string in "NavbarComponent"

我的徽标路径:

navabar.component.ts
logo/
    rakesh.png
雅克·康纳特(Jacques Cornat)

问题也许来自于moduleId should be a string in "NavbarComponent"

由于Angular CLI现在使用Webpack,因此Webpack中的module.id是一个数字,而Angular需要一个字符串。您应该做的是删除moduleId元数据。

@Component({
  selector: 'app-navbar',
  templateUrl: './navbar.component.html',
  styleUrls: ['./navbar.component.css']
})

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Angular 2组件指令不起作用

相对路径中的Angular 2 img src

相对路径在lobgack.xml包含文件中不起作用

console.log在Angular2组件(Typescript)中不起作用

为什么相对路径在Ruby中不起作用要求

PHP-使用pathinfo变量会使相对路径不起作用

file_exists相对路径不起作用

在Angular2 + Webpack中为templateUrl使用相对路径

使用Webpack在React中解析相对路径不起作用

TypeScript相对路径导入在Webpack中不起作用

相对路径在Python中不起作用

img src根相对路径不起作用

图像的相对路径在React应用程序中不起作用?

Django CSS相对路径在Amazon S3中不起作用

文件操作在相对路径中不起作用

Angular RouterLink相对路径在具有空路径的组件中不起作用

C ++通过相对路径在目录外部打开文件不起作用

django静态文件的相对路径不起作用

java json模式验证相对路径不起作用(找不到URI)

PHP require_once绝对路径与相对路径(不起作用)

Cakephp 2.x相对路径不起作用,但absulate路径正在起作用

在angular2中插入具有相对路径的图像

需要Angular组件时找不到相对路径

cron管道到文件的相对路径不起作用

在 Angular2/4 中使用相对路径以编程方式路由到其他组件

图片标签的相对路径不起作用

为什么从 C# 运行时 python 中的相对路径不起作用,但在 C# 之外使用相同的解释器时却起作用?

WPF - 我的相对路径在我的 XAML 界面中不起作用,为什么?

FadeInImage.assetNetwork 需要绝对路径。占位符的相对路径不起作用。(颤抖中)