我是一名新手,正在学习 angular2
。我试图在单个页面中使用两个组件,但是它给了我一个 404错误
。
这是我的两个.ts
文件:
app.ts
import {Component, View, bootstrap} from 'angular2/angular2';
import {events} from './event.component';
@Component(
{
selector: 'contact'
})
@View({
templateUrl: './Travel Operator/login.html',
directives: [events]
})
export class Contact {
}
bootstrap(Contact);
以及event.component.ts
import {Component, View, bootstrap} from "angular2/angular2";
@Component(
{
selector: 'events'
})
@View({
template: '<h1>Hello World</h1>'
})
export class events {
}
}
bootstrap(events);
我正在尝试将其用于我的主index.html文件中,如下所示:
<html>
<body>
<h1>First Angular App</h1>
<div id="content">
<contact></contact>
</div>
<div id="events">
<events></events>
</div>
</body>
</html>
但出现了问题
"网络错误:404未找到 - http://localhost:55777/event.component" 错误
我卡在那里,请帮忙解决