Question

很简单，我有一个包含刺痛的组件

我需要在输入fieid中显示此字符串。

我认为我需要这样，但它不起作用。

// Component

import {Component} from "@angular/core";

@Component({
    selector: 'my-component',
    templateUrl: './my-compoent.template.html';
})

export class MyComponent{

  constructor(){

  } 

  myVar: string = "Hello World"

}


// HTML

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

Answer 1

([ngModel])语法错误，应为[(ngModel)]。请注意parans的顺序。

Mnemonic在框中香蕉。 [看起来像一个盒子，(看起来像一个香蕉。

此外，您在模板文件的路径中似乎有拼写错误，它显示./my-compoent而不是./my-component，这可能是文件的名称。

Answer 2

解决方案是：

（[ngModel]）=＆＃34; myVar的＆＃34; =＆GT; [（ngModel）] =＆＃34; myVar的＆＃34;

在输入类型 name =＆＃34; myVar＆＃34;

中添加名称字段

尝试这样：

import { Component } from "@angular/core";

@Component({
    selector: 'my-component',
    templateUrl: './my-compoent.template.html';
})
export class MyComponent {
    myVar: string = "Hello World"
    constructor() { }
}

在html中你需要在输入类型中添加名称

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

Angular2在输入字段中的单向数据绑定

2 个答案: