Question

我试图在Angular2上迈出第一步，我有一个错误，我修复了它，但是现在，我的装饰模板确实起了作用：

  /// <reference path="typings/tsd.d.ts" />
import { Component } from '@angular2/core';
import {MessageComponent } from "./messages/message.component";
@Component({
    selector: 'my-app',
    template: ` 
        <div class="row" >
             <section class="col-md-8 col-md-offset-2" >
                <input type="text" [(ngModel)]="message.content">
             </section >
        </div >
        <div class="row" >
            <section class="col-md-8 col-md-offset-2" >

               <my-message ></my-message>

            </section >

        </div >

    `,
    directives:[MessageComponent]
})
export class AppComponent {


}

现在，我正在看输入类型的文本，但即使我正在做类似的事情：

@Component({
    selector: 'my-app',
    template: ` 

    `,
    directives:[MessageComponent]
})

我仍然看到刚刚删除的输入类型文本。这很奇怪..

我尝试更改任何内容，在模板中添加h1标签，甚至删除模板中的所有内容，但它会一直显示我的旧代码。（在屏幕上输入键入的文本）。没有什么变化。

我没有任何错误或无论如何。

Answer 1

您必须在消息组件中从'@ angular / core'导入Input，然后在消息组件类中定义它，如：

@Input() message: string;

在您的应用模板中，您应该将消息传递给子组件，如下所示：

<my-message [message]="message.content"></my-message>

angular2模板不会改变我做的事情

1 个答案: