如何使用AngularJs在两个文本框上实现双向绑定?

如何使用AngularJs在两个文本框上实现双向绑定?,angularjs,angularjs-scope,Angularjs,Angularjs Scope,我是AngularJs的新手,因此我对它提供的所有特性都很好奇 当我读到双向绑定时,我想在两个文本框上进行实验。在这里,我将文本输入第一个文本框,在相同的类型下,我可以看到相同的文本反映在第二个文本框中。 我在网上搜索了这种双向绑定的例子,但只能找到textbox和span的例子 有人能帮我吗? 这就是我试过的 <html ng-app="myapp"> <div ng-bind=""> <input type="text" ng-model="

我是AngularJs的新手,因此我对它提供的所有特性都很好奇

当我读到双向绑定时,我想在两个文本框上进行实验。在这里,我将文本输入第一个文本框,在相同的类型下,我可以看到相同的文本反映在第二个文本框中。 我在网上搜索了这种双向绑定的例子,但只能找到textbox和span的例子

有人能帮我吗? 这就是我试过的

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



但似乎什么都不起作用。

两个文本框都应该使用ng模型-

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

两个文本框都应使用ng模型-

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

双向绑定意味着您可以将
html
页面中的某些值绑定到角度
控制器
。希望这能帮助你理解它

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

第1段:

第2段:

双向绑定意味着您可以将
html
页面中的某些值绑定到角度
控制器
。希望这能帮助你理解它

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

第1段:

第2段:

添加到@d-bro82和@Shailendra Singh-Deol发布的内容中

AngularJs支持MVVM框架,该框架在模型和视图之间自动同步数据

ng model指令绑定HTML控件的值,如input、select、textarea

在键入某些文本时的第一个文本框中,它将绑定到模型

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

当您创建具有相同模型的第二个文本框时,它会反映已绑定的值

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

添加到@d-bro82和@Shailendra Singh-Deol发布的内容中

AngularJs支持MVVM框架,该框架在模型和视图之间自动同步数据

ng model指令绑定HTML控件的值,如input、select、textarea

在键入某些文本时的第一个文本框中,它将绑定到模型

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

当您创建具有相同模型的第二个文本框时,它会反映已绑定的值

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


对两者使用相同的ng模型对两者使用相同的ng模型在$scope参数之后使用$timeout参数是什么@shashank@Shekar.gvr:我的错。它错在那里了在这个场景中不相关我已经发现它在这个场景中是很重要的…但是由于我是一个新的角度,我对它感到好奇。因此,我不介意解释$timout的作用p@Shashank@Shekar.gvr:让你觉得舒服。它类似于javascript的
setTimeout
。试试这个$scope参数后面的$timeout参数有什么用@shashank@Shekar.gvr:我的错。它错在那里了在这个场景中不相关我已经发现它在这个场景中是很重要的…但是由于我是一个新的角度,我对它感到好奇。因此,我不介意解释$timout的作用p@Shashank@Shekar.gvr:让你觉得舒服。它类似于javascript的
setTimeout
。试试这个,但不幸的是,它不起作用。为什么?了解这一点很有意思,但不幸的是,这不起作用。为什么?知道会很有趣