ng-model和ng-bind有什么区别

我目前正在学习AngularJS，很难理解ng-bind和ng-model之间的区别。

谁能告诉我它们有什么不同，什么时候应该用一个而不是另一个?

当前回答

ngModel通常使用输入标签来绑定一个变量，我们可以在控制器和html页面中更改变量，但ngBind用于在html页面中显示变量，我们可以只从控制器和html显示变量来更改变量。

2016-12-29 13:19:07

其他回答

Ng-bind有单向数据绑定($scope——>视图)。它有一个快捷键{{val}} 它显示范围值$scope。Val插入到HTML中，Val是一个变量名。

Ng-model旨在放在表单元素内部，并具有双向数据绑定($scope—>视图和view—> $scope)，例如<input Ng-model ="val"/>。

2012-09-14 07:44:02

2016-12-29 13:19:07

angular.module('testApp',[]).controller('testCTRL',function($scope) { $scope.testingModel = "This is ModelData.If you change textbox data it will reflected here..because model is two way binding reflected in both."; $scope.testingBind = "This is BindData.You can't change this beacause it is binded with html..In above textBox i tried to use bind, but it is not working because it is one way binding."; }); div input{ width:600px; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <head>Diff b/w model and bind</head> <body data-ng-app="testApp"> <div data-ng-controller="testCTRL"> Model-Data : <input type="text" data-ng-model="testingModel"> <p>{{testingModel}}</p> <input type="text" data-ng-bind="testingBind"> <p ng-bind="testingBind"></p> </div> </body>

2014-12-09 15:09:08

如果您在使用ng-bind还是ng-model之间犹豫不决，请尝试回答以下问题:

只需要显示数据吗?

是:ng-bind(单向绑定) No: ng-model(双向绑定)

您需要绑定文本内容(而不是值)吗?

是的:ng-bind No: ng-model(你不应该在需要value的地方使用ng-bind)

你的标签是HTML <input>?

是:ng-model(你不能使用ng-bind <input>标签) 没有:ng-bind

2016-11-16 09:22:57

我们可以使用ng-bind与<p>显示，我们可以使用ng-bind {{model}}的快捷方式，我们不能使用ng-bind与html输入控件，但我们可以使用ng-bind {{model}}与html输入控件的快捷方式。

<input type="text" ng-model="name" placeholder="Enter Something"/>
<input type="text" value="{{name}}" placeholder="Enter Something"/>
  Hello {{name}}
<p ng-bind="name"</p>

2017-03-07 13:27:11

ng-model和ng-bind有什么区别

推荐文章

最新文章

标签