Html 什么';Angular2中的文件路径是否正确?
我的文件结构如下:Html 什么';Angular2中的文件路径是否正确?,html,css,angular,Html,Css,Angular,我的文件结构如下: /root --/app ----app.ts --/components ----/banner ------banner.ts ------banner.css --index.html 我在app.ts中导入了banner.ts,如下所示 从“../components/Banner/Banner”导入{Banner} 在banner.ts中,我想获得banner.css文件,因此我写了以下内容: import {Component} from 'angular2/
/root
--/app
----app.ts
--/components
----/banner
------banner.ts
------banner.css
--index.html
我在app.ts中导入了banner.ts,如下所示
从“../components/Banner/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']
我还尝试了样式URL:['banner.css']
,失败了
根据我的理解,“/”表示在同一个目录中,但为什么会出现404错误
我正在使用最新的Angular2是的,Angular2当前只能识别正确的相对文件路径。路径实际上应该从根开始,如下所示,以确保安全,我们再次从测试版的工作和不工作设置指导原则,我相信这在未来一定会改变。但目前,对于beta0,以下代码是引用组件补充文件的规范
import {Component} from 'angular2/core';
@Component({
selector: 'banner',
templateUrl: './app/components/banner/banner.html',
styleUrls: ['./app/components/banner/banner.css']
})
检查其他大型示例,它们都使用此模式。
是,Angular2当前只能识别正确的相对文件路径。路径实际上应该从根开始,如下所示,以确保安全,我们再次从测试版的工作和不工作设置指导原则,我相信这在未来一定会改变。但目前,对于beta0,以下代码是引用组件补充文件的规范
import {Component} from 'angular2/core';
@Component({
selector: 'banner',
templateUrl: './app/components/banner/banner.html',
styleUrls: ['./app/components/banner/banner.css']
})
检查其他大型示例,它们都使用此模式。
嗨,我很高兴看到这一点:
在visual studio 2015中
打开横幅
打开解决方案资源管理器并展开项目
查找css文件
右键单击css文件并拖动到banner.ts
您将在banner.ts顶部找到参考
希望能有所帮助嗨,我很高兴看到这一点:
在visual studio 2015中
打开横幅
打开解决方案资源管理器并展开项目
查找css文件
右键单击css文件并拖动到banner.ts
您将在banner.ts顶部找到参考
希望对你有所帮助不起作用,试过@ForOhForNot起作用,试过@ForOhFor