入力フィールドの角度2片方向データバインディング

Question

非常に単純ですが、私はスティングを含むコンポーネントを持っています

この文字列を入力フィールドに表示する必要があります。

私はこれが好きだと思ったが、うまくいかなかった。

// 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]）= "myVarを" => [（ngModel）] = "myVarを"

入力タイプ名= "myVarを"

で名前フィールドを追加

は次のように試してみてください：HTMLで

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

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

は、あなたが入力タイプに名前を追加する必要が

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

Answer 2

([ngModel])構文が間違っている、それは[(ngModel)]する必要があります。パランスの順序に注意してください。

ニーモニックはボックス内にバナナです。 [は箱のように見え、(はバナナのようです。

---

また、あなたがあなたのテンプレートファイルへのパスのタイプミスを持っているように見える、それはファイルがおそらく命名されたものである./my-compoent代わりの./my-componentていると言います。