0
我有一個模式工作在我正在處理的示例todos應用中,但是右上角的'x'顯示不正確。ng-lightning模式窗口在關閉選項上不顯示'x'
控制檯拋出一個錯誤,說它找不到localhost:3000/assets/icons {etc ...}但該項目中的該目錄存在於localhost:3000/bower_components/salesforce-lightning-design-system/assetx {等}。見screeny ..
想知道怎樣才能得到這指向正確的地方?這不是在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;
}
}