Question

深入研究Angular，my-app组件不喜欢templateUrl。当我使用模板时，一切正常。预期输出和使用模板时得到的结果：

你好 LookUp Managment App

使用templateUrl时得到的结果：你好

app.ts这是有效的：

    import { Component } from '@angular/core';
@Component({
    selector: 'my-app',
    template: '<h1>hi there</h1><app-title> </app-title>'
})
export class AppComponent {}

title.ts适用于templateUrl：

import { Component, Input } from '@angular/core';

@Component({
    selector: 'app-title',
    templateUrl:'Templates/Views/Lookups/title.html'
})
export class AppTitle {
    title="LookUp Managment App";
}

hit.html是：

<h1>hi there</h1>
<app-title></app-title>

title.html是：

<h4>{{title}}</h4>

当我将my-app交换到此时，它不再是标题

    import { Component } from '@angular/core';
@Component({
    selector: 'my-app',
    templateUrl: `Templates/Views/Lookups/hi.html`
})
export class AppComponent {}

我有点困惑为什么templateUrl适用于app-title组件而不适用于my-app组件。感谢您的帮助。

更多信息：我添加了：

meta: {
                    './Scripts/*.js': {
                        loader: 'systemjs-angular-loader.js'
                    }
                }

根据建议，它会加载hi.html文件，但它不会对标记执行任何操作。当它在模板中时，它会对标签作出反应。

Answer 1

一直都很好。 TypeScript编译成什么？浏览器用javascript做什么？缓存在后面可能会如此痛苦。

Angular模板有效但templateUrl没有

1 个答案: