English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Comando ng-model di AngularJS

Manuale di riferimento AngularJS

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<input ng-model="name">
<p>Il valore dell'input è vincolato alla variabile "name":</p>
{{name}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.name = "John Doe";
});
</script>
<p>Questo esempio dimostra come utilizzare l'istruzione ng-model per vincolare il valore dell'input a una variabile del scope.</p>
</body>
</html>
Prova a vedere ‹/›

Definizione e utilizzo

ng-model L'istruzione vincola l'elemento del modulo HTML a una variabile del scope.

Se la variabile non esiste nel scope, verrà creata.

Sintassi

   <element ng-model="name"></element>

Gli elementi <input>, <select>, <textarea> supportano questa istruzione.

Valore dei parametri

ValoreDescrizione
separatoreIl nome dell'attributo che desideri vincolare al dominio del modulo.

Manuale di riferimento AngularJS