vinculantes en AngularJS datos es la sincronización entre el modelo y la vista.
Modelo de datos
AngularJS aplicaciones suelen tener un modelo de datos. El modelo de datos es una colección de datos disponibles para la aplicación.
Ejemplo
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.firstname
= "John";
$scope.lastname = "Doe";
});
Vista HTML
El contenedor HTML donde se muestra la aplicación AngularJS, se llama la vista.
La vista tiene acceso al modelo, y hay varias maneras de mostrar los datos del modelo en la vista.
Se puede utilizar el ng-bind Directiva, que se unirá el innerHTML del elemento a la propiedad del modelo especificado:
También puede utilizar dobles llaves {{ }} {{ }} {{ }} Para mostrar el contenido del modelo:
O puede utilizar el ng-model directiva sobre HTML controles para obligar a la modelo a la vista.
El ng-model la Directiva
Utilice el ng-model directiva para obligar a los datos del modelo a la vista de los controles HTML (input, select, textarea)
El ng-model Directiva establece una doble vía de unión entre el modelo y la vista.
En ambos sentidos de encuadernación
vinculantes en AngularJS datos es la sincronización entre el modelo y la vista.
Cuando los datos de los cambios de modelo, la vista refleja el cambio, y cuando los datos de los cambios de vista, el modelo se actualiza también. Esto sucede inmediatamente y de forma automática, lo que se asegura de que el modelo y la vista se actualiza en todo momento.
Ejemplo
<div ng-app="myApp" ng-controller="myCtrl">
Name: <input ng-model="firstname">
<h1>{{firstname}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.firstname
= "John";
$scope.lastname = "Doe";
});
</script>
Inténtalo tú mismo " controlador AngularJS
Aplicaciones en AngularJS son controlados por los controladores. Leer acerca de los controladores en el AngularJS controladores capítulo.
Debido a la sincronización inmediata del modelo y la vista, el controlador puede estar completamente separada de la vista, y simplemente concentrarse en los datos del modelo. Gracias a la unión en AngularJS de datos, la vista reflejará los cambios realizados en el controlador.
Ejemplo
<div ng-app="myApp" ng-controller="myCtrl">
<h1 ng-click="changeName()">{{firstname}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.changeName
= function() {
$scope.firstname
= "Nelly";
}
});
</script>
Inténtalo tú mismo "