Ich bin gerade dabei, AngularJS zu lernen und habe Schwierigkeiten, den Unterschied zwischen ng-bind und ng-model .
Kann mir jemand sagen, wie sie sich unterscheiden und wann das eine dem anderen vorgezogen werden sollte?
Antworten
Zu viele Anzeigen?
ramanathan
Punkte
104
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>
pejman
Punkte
650
Vikash Ranjan Jha
Punkte
139
Wir können ng-bind verwenden mit <p> anzuzeigen, können wir die Abkürzung für ng-bind {{model}} können wir ng-bind nicht mit html-Eingabeelementen verwenden, aber wir können die Abkürzung für ng-bind {{model}} mit html-Eingabekontrollen.
<input type="text" ng-model="name" placeholder="Enter Something"/>
<input type="text" value="{{name}}" placeholder="Enter Something"/>
Hello {{name}}
<p ng-bind="name"</p>- See previous answers
- Weitere Antworten anzeigen
