模板不在Angular2中渲染

Question

我想通过在Angular2中提供url来呈现html模板，但是模板没有加载。我正在使用visual studio代码编辑器，下面是我的代码和结构。

import {Component} from 'angular2/core';
import {LoginComponent} from '../Login/login.component'

@Component({
    selector: 'my-app',
    // template: '<h1>Yash Employees</h1><login></login>',
    templateUrl: './app.html',
    directives: [LoginComponent]
})
export class AppComponent { }

模板属性正常，但是templateUrl不是。

app.html仅包含单行

<h1>hi</h1>

我需要改变什么来解决这个问题？

Answer 1

使用Urls作为templateUrl属性，如下所示，

@Component({
    selector: 'my-app',
    templateUrl: './app/component/app/app.html',
    directives: [LoginComponent]
})

更新：根据 documentation ./filename应该有效，但在您的情况下，您说它无法正常工作。

参考：