Angular2在輸入字段中單向數據綁定

Question

非常簡單，我有一個包含sting的組件

我需要在輸入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]）= 「myVar的」=> [（ngModel）] = 「myVar的」

添加名稱字段中輸入類型名稱= 「myVar的」

嘗試像這樣：

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" > 

Answer 2

([ngModel])語法是錯誤的，它應該是[(ngModel)]。注意parans的順序。

助記符是香蕉盒。 [看起來像一個盒子，(看起來像一根香蕉。

---

而且你似乎有路徑到您的模板文件一個錯字，它說的./my-compoent代替./my-component這是什麼文件可能命名。