角度4 - 第一步

时间:2017-07-06 18:24:16

标签: angular angular-cli

我开始编码在互联网上看一个不错的视频,然后第一行代码无效。

到目前为止我所做的是遵循网站的指示: https://cli.angular.io/

所以我安装了一个预配置的代码,它与节点一起运行,但是这行不起作用,因为我显示标题:“欢迎应用程序”,因为您将在app.component.ts中看到“app”设置脚本。

问题是当我执行页面并更改输入的内容时,我没有看到它反映在标题中(h1中的文本):

<input type="text" name="title"  ngModel><br>

<h1>
  Welcome to {{title}}!!
</h1>

此代码位于src / app / app.component.html中 这是src / app / app.component.ts

的代码
import { Component } from '@angular/core';

@Component({
 selector: 'app-root',
 templateUrl: './app.component.html',
 styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app';
}

我也尝试了

 <input type="text" name="title"  [(ngModel)]="title"><br>

但它不起作用,

请帮忙吗?

0 个答案:

没有答案