Basicamente, tanto o uso de $scope
como o this
em angular tem como finalidade entre compartilhar as informações entre view
e controller
.
A diferença é que, quando se usa this
, você precisa usar um alias para o controller na sua view
.
Por exemplo:
<div ng-controller="MeuController as meu"></div>
A grande vantagem que vejo ao utilizar o this
, é que se você tiver vários controllers dentro do outro, e em algum momento precisar de nomear variáveis com o mesmo nome, esse alias atuará como um namespace
que separará os valores.
Nota: Quando se usa this
sem o as
na view (definição do alias), você poderá acessar as informações através da variável $ctrl
(pelo menos é assim que funciona na definição de componentes).
Já no caso do $scope
você poderá definir as suas variáveis, sendo possível acessá-las imediatamente, sem necessidade de um "prefixo" como no caso acima.
Nota-se que em alguns casos, você precisará do $scope
, mesmo utilizando o this
. Por exemplo, em caso de uma definição de um watcher
manualmente.
controller('MeuController', function ($scope) {
var vm = this;
vm.name = 'Wallace';
$scope.$watcher('vm.name', function () {
vm.first_name = name.split(' ')[0];
})
})
Sem contar que, entre outras informações, o $scope
contém informações especiais como por exemplo o $parent
, que referencia o controller pai do controller atual.