O AngularJS desenvolvido e mantido pelo Google, foi um dos...

A diretiva ng-model estabelece um vínculo unidirecional (one-way data binding) entre o campo de entrada e a variável nome, de modo que alterações feitas pelo usuário no campo de texto não serão refletidas automaticamente na expressão {{ nome }} exibida no parágrafo.

A diretiva ng-model estabelece um vínculo bidirecional (two-way data binding) entre o campo de entrada e a variável nome no $scope, de modo que qualquer alteração no campo de texto é refletida automaticamente na expressão {{ nome }}, e vice-versa, sem necessidade de manipulação direta do DOM.

A expressão {{ nome }} no parágrafo é avaliada uma única vez durante o carregamento inicial da página, permanecendo com o valor 'Mundo' de forma estática, independentemente de alterações realizadas pelo usuário no campo de texto.

A diretiva ng-controller é responsável por compilar o módulo da aplicação, substituindo a função da diretiva ng-app, de modo que ambas as diretivas são intercambiáveis e possuem a mesma finalidade.

O método limpar(), ao ser invocado pelo clique no botão, exige uma chamada explícita a $scope.$apply() para que a interface seja atualizada, pois eventos disparados por ng-click não acionam automaticamente o ciclo de digest do AngularJS.