如何使用AngularJs在兩個文本框上實現雙向綁定？

我是AngularJs的新手，因此我很好奇它提供的所有功能。如何使用AngularJs在兩個文本框上實現雙向綁定？

當我閱讀有關雙向綁定的內容時，我感覺就像在2個文本框中試驗它一樣。我會在第一個文本框中輸入文本，並且在同一個類型中，我可以看到第二個文本框中反映的文本。我在網上搜索了2路綁定的例子，但只能找到文本框和跨度的例子。

有人能幫助我嗎？這就是我試圖

<html ng-app="myapp"> 
    <div ng-bind=""> 
    <input type="text" ng-model="name" > 
    <input type="text" ng-bind="name" > 
    </div> 
    </html>

也

<input type="text" ng-model="name" > 
    <input type="text" ng-value="name" >

和

<input type="text" ng-model="name" > 
<input type="text" ng-value={{name}} >

但似乎沒有任何工作。

來源

2016-03-04 Shekar.gvr

使用相同的NG-模型都 –

雙向綁定意味着你可以從html頁面綁定一定的參考價值角度controller。希望這Plunker將幫助你瞭解它

<div ng-controller="mainCtrl"> 
    Val1: <input type="text" ng-model="name" name="val1"> 
    <p> 
    Val2: <input type="text" ng-model="name" name="val2"> 
</div>

來源

2016-03-04 11:18:44

什麼用$超時parametre的$範圍[email protected] –

@ Shekar.gvr後：我的壞。它在那裏是錯誤的。 ;）在這種情況下不相關 –

我已經發現它在這種情況下是irelevent ...但是因爲我是角度新手，所以我對新鮮事物感到好奇。所以不介意關於$ timout做什麼的解釋。：p @Shashank –

你應該用NG-模型都Textboxes-

<input type="text" ng-model="name" > 
<input type="text" ng-model="name" >

來源

2016-03-04 11:17:37

添加到什麼@ d-bro82和@Shailendra辛格DEOL發佈

AngularJs支持MVVM框架，模型和視圖之間自動同步數據。

ng-model指令綁定HTML控件的值，如input，select，textarea。

在第一個文本框中鍵入一些文本時，它會綁定到模型。

<input type="text" ng-model="name" >

當您使用相同的模型創建第二個文本框時，它會反映已綁定的值。

<input type="text" ng-model="name" >

來源

2016-03-04 11:49:58

但不幸的是，不工作。爲什麼？知道這很有趣 –

如何使用AngularJs在兩個文本框上實現雙向綁定？

回答

相關問題