Question

我正在尝试学习Angular2（我知道它是Alpha，但最好学习新东西），并且我正在尝试制作一个加载模板的非常基本的组件。

我的组件如下所示：

var AppComponent = ng.Component({
        selector: 'my-app',
        templateUrl: 'mytemplate.html'

    })
        .Class({

            constructor: function () {
                console.log('my-app loaded...');
                this.firstname = "Craig";
            },

            writeLog() {
                alert(this.firstname);
            }
        });

当我的模板代码在组件中倾斜时，我得到了预期的结果。我现在正在尝试为html使用单独的html文件。

我的html文件如下所示：

<div>
    <h1>Hello there, {{firstname}}</h1>
    <button (click)="writeLog()">Click me</button>  
</div>

屏幕加载，但它说：

你好，[对象HTMLInputElement]

然而，我单击按钮，它从组件（Craig）获得正确的值。

为什么html没有呈现{{first name}}属性，但是按钮（组件中的Alert方法，所以可能是隐私问题？）是？我猜我需要让“名字”更公开或什么？

角度尝试显示对象HTMLInputElement

0 个答案: