Question

我遇到了问题

我的hellow.component.html是：

<form>
    <input ng-model="hello" type="text">
</form>
<p>{{hello}}</p>

和hellow.component.ts是：

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

@Component({
  selector: 'app-hellow',
  templateUrl: './hellow.component.html',
  styleUrls: ['./hellow.component.css']
})
export class HellowComponent implements OnInit {

  hello:string ='';
  constructor() { }

  ngOnInit() {
  }

}

你能回答吗？如果我在输入中写入内容，{{hello}}字符串插值不会被控制器实现。你能帮我解决这个问题吗？

也尝试过：

<input [(ngModel)]="hello" type="text">

非常感谢你。

Answer 1

您导入了FormsModule吗？

import { FormsModule } from '@angular/forms';

Answer 2

在标签内使用ngModel时，您还需要提供名称属性，以便可以使用该名称下的父表单注册该控件。试试这个。

 <form>
        <input name="hello" [(ngModel)]="hello" type="text">
  </form>
    <p>{{hello}}</p>

Answer 3

问题解决了我忘了在输入标签中添加name="hello"属性非常感谢您的帮助！

控制器没有实现字符串插值

3 个答案: