我有一个模式在我正在处理的示例 todos 应用程序中工作，但是右上角的“x”显示不正确。
控制台抛出一个错误，说它找不到 localhost:3000/assets/icons{etc...} 但该项目中的目录存在于 localhost:3000/bower_components/salesforce-lightning-design-system/assetx{etc }。见屏风..
想知道我怎样才能让它指向正确的地方？它没有在 html 标记中定义...
标记：
<div class="slds-no-flex">
<button type="button" nglButton="neutral" (click)="open()">New Todo</button>
<ngl-modal [header]="noHeader ? '' : 'New Todo'" [(open)]="opened" [size]="size" [directional]="directional">
<div body>
<!-- form goes in here for adding new todos -->
<div class="slds-form-element">
<label class="slds-form-element__label" for="addTodo">Enter Todo</label>
<div class="slds-form-element__control">
<input type="text" id="addTodo" class="slds-input" placeholder="Don't forget to..." autofocus=#todoText/>
</div>
</div>
</div>
<template ngl-modal-footer *ngIf="!noFooter">
<button class="slds-button slds-button--neutral" (click)="cancel()">Cancel</button>
<button class="slds-button slds-button--brand" (click)="addTodo($event, todoText)">Save</button>
</template>
</ngl-modal>
</div>
todo.component.ts
import { Component, OnInit } from '@angular/core';
import { TodoService } from '../services/todo.service';
import { Todo } from '../todo';
@Component({
moduleId: module.id,
selector: 'todos',
templateUrl: `./todos.component.html`,
})
export class TodosComponent implements OnInit {
todos: Todo[];
//properties for modals
opened: boolean = false;
size: string;
noHeader: boolean = false;
noFooter: boolean = false;
directional: boolean = true;
constructor(private _todoService: TodoService) {
}
ngOnInit() {
this.todos = [];
this._todoService.getTodos()
.subscribe(todos => {
this.todos = todos;
})
}
open(size?: string) {
this.size = size;
this.opened = !this.opened;
}
cancel() {
this.opened = false;
}
}