Quel est le chemin de fichier correct dans Angular2 - html, css, angular

J'ai une structure de fichier comme celle-ci:

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

J'ai importer banner.ts dans app.ts comme ceci import {Banner} from "../components/banner/banner";

Dans banner.ts, je veux obtenir le fichier banner.css et j'écris ceci:

import {Component} from "angular2/core";

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

Cela fonctionne, mais lorsque je change pour cela, cela a échoué:

 styleUrls: ["./banner.css"]

J'essaye aussi styleUrls: ["banner.css"], échoué

D'après ma compréhension, le "./" signifie dans le même répertoire, mais pourquoi une erreur 404 apparaît-elle?

J'utilise le plus récent Angular2

Réponses:

1 pour la réponse № 1

Oui, seul un chemin de fichier relatif approprié serareconnu par Angular2 actuellement. Le chemin doit en fait partir de la racine, comme ci-dessous, pour être sûr. Encore une fois, nous établissons les directives à partir de ce qui fonctionne et non de la version bêta, je suis sûr que cela changera à l’avenir. Mais pour l'instant, pour beta0, le code ci-dessous est la norme pour référencer des fichiers de suppléments pour le composant.

import {Component} from "angular2/core";

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

Commander d'autres grands exemples aussi, ils utilisent tous ce modèle. Un composant dans un grand échantillon Angular2

---

1 pour la réponse № 2

Salut je suis heureux de voir ceci:

En studio visuel 2015

1. ouvrir la bannière.ts
2. ouvrez l'explorateur de solutions et développez le projet
3. trouver le fichier css
4. faites un clic droit sur le fichier css et faites-le glisser vers le fichier banner.ts
5. vous trouverez la référence en haut de la bannière.

J'espère que cela aide

---