如何使用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在两个文本框上实现双向绑定？

回答

相关问题