Complementando as respostas tentando explicar Por que e Como devemos usar a expressão.
Métodos de uso
Além do uso clássico com {{::meuModelo}}
também pode ser usada através da diretiva ngBind
: <span ng-bind="::meuValor"></span>
Por que usar?
Cada vez que fazemos a declaração de {{meuValor}}
na view, um novo watcher
é gerado. Em todo ciclo de digest()
o AngularJS irá comparar o valor antigo do watcher com o novo valor e fazer a atualização, caso sejam diferentes. Quando usamos ::
estamos dizendo ao AngularJS
para não reavaliar aquele watcher
e isso irá aumentar a velocidade da aplicação, uma vez que haverá um menor número watchers
a ser analisado.
Exemplos de uso
Devemos usar OneWay Databind ou ::
sempre que tivermos certeza de que um determinado dado não irá sofrer alteração dentro da aplicação, se houver alguma possibilidade de o dado poder ser alterado, deverá ser mantido seu uso padrão.
O uso mais comum é junto da diretiva ngRepeat
, que é a que mais gera número de watchers
e também há um modo de uso diferenciado, uma vez que podemos aplicar não só ao valor de um objeto de uma array, como a uma array inteira. Veja:
$scope.listaEndereco = [
{id: 1, cidade: 'São Paulo', Estado: 'SP'},
{id: 2, cidade: 'Rio de Janeiro', Estado: 'RJ'},
{id: 3, cidade: 'Curitiba', Estado: 'PR'},
...
]
<ul>
<li ng-repeat="endereco in $scope.listaEndereco track by endereco.id">{{endereco.cidade}}</li>
</ul>
Neste exemplo, se você tem certeza de que os dados dos endereços, como o nome da cidade, não puderem ser alterados, você pode usar: {{::endereco.cidade}}
No mesmo exemplo, se você também tem certeza de que a lista inteira de endereços não irá sofrer alterações, você pode combinar e ter um código assim:
<li ng-repeat="endereco in ::$scope.listaEndereco track by ::endereco.id">{{::endereco.cidade}}</li>
Deste modo todo o escopo será desconsiderado do ciclo e não só o valor do nome da cidade unicamente.
Isso é muito útil quando se trabalha com listas grandes e com o uso do ngRepeat
, que é o maior impactante na geração de watchers
.