最初に AngularJSを使い始めて1年半、ここ最近ではまったのがスコープ継承による値の問題でした。 (【AngularJS】スコープの継承で地味にハマりがちなこと で丁寧に解説されています) そんな時にcontrollerAsを使うと値の問題から解放されるよ、と教えてもらいました。 controllerAsの使い方と既存コードに導入する方法を調べているうちに、自分が書いていたコードでスコープの使い方が間違っていたことも浮き彫りになりました。 この記事ではそんな問題点を解消しつつcontrollerAsを使う方法について紹介したいと思います。 スコープの使い方の何が間違っていたか 問題のあるコード // controller .controller('MainCtrl', ['$scope', function ($scope) { $scope.list = [{id:1}, {id: