Какъв е правилният файлов път в Angular2 - html, css, ъглова

Имам файлова структура по следния начин:

/root
--/app
----app.ts
--/components
----/banner
------banner.ts
------banner.css
--index.html

Имам внос banner.ts вътре app.ts като това import {Banner} from "../components/banner/banner";

В banner.ts, искам да получа файла banner.css, затова пиша това:

import {Component} from "angular2/core";

@Component({
selector: "banner",
templateUrl: "../components/banner/banner.html",
styleUrls: ["../components/banner/banner.css"]
})

Това работи, но когато се променя,

 styleUrls: ["./banner.css"]

Аз също се опитвам styleUrls: ["banner.css"], се провали

Въз основа на моето разбиране, "./" означава в същата директория, но защо получа 404 грешка?

Използвам най-актуалния Angular2

Отговори:

1 за отговор № 1

Да, ще бъде само подходящо съотношениепризнат от Angular2 в момента. Пътят действително трябва да започне от корена, както е показано по-долу, за да бъде безопасно. Отново определяме насоките от това, което работим и не работим с бета версията. Сигурен съм, че това ще се промени в бъдеще. Но за сега, за бета0, кодът по-долу е стандартът за препращане на допълнителните файлове за компонента.

import {Component} from "angular2/core";

@Component({
selector: "banner",
templateUrl: "./app/components/banner/banner.html",
styleUrls: ["./app/components/banner/banner.css"]
})

Проверете и друг голям пример, всички използват този модел. Компонент вътре в голяма ъглова2 проба

---

1 за отговор № 2

Здравейте, аз съм щастлив да видя това:

Във визуалното студио 2015

1. отворете banner.ts
2. отворете Explorer Explorer и разширете проекта
3. намерете css файла
4. щракнете с десния бутон върху CSS файла и плъзнете до banner.ts
5. ще намерите справката в горната част на banner.ts

Надявам се, че помага

---