FabrícioRonchi

AngularJS - ngModel

04 February 2014

O que é Ng-Model?

ngModel é uma diretiva que é usada como atributo nos elementos. O valor dessa variável é vinculado ao valor da entrada. Todas as alterações no elemento, atualiza automaticamente o ngModel. Esse recurso é chamado de ‘two-ways binding’ que é mais um dos recursos ‘magníficos’ do angular.

Função

  • Fornecer comportamento de Validação.
  • Definir classes css relacionados ao elemento.
  • Funciona como um canal entre a view e o form.
  • Pode ser utilizada em inputs, selects, textareas, checkboxes e radio buttons.

index.html

<html ng-app="myApp">
   <head>
      <script src="angularJs.js"></script>
      <script src="app.js"></script>
   </head>
   <body ng-controller="myController">
      <input type="text" ng-model="model-input">
      <p>Bem Vindo, { {model-input} }</p>
   </body>
</html>

app.js

var app = angular.module("myapp", []);
function MyController($scope) { };

Exemplo

Bem Vindo, {(nome)}

Qualquer dúvida, chama aí no Twitter!