AngularJSでのスクロールを常に一番下にする方法

Question

AngularJSで勉強のためLineのようなアプリを開発しております。
タイトルの通りなのですがAngularJSではどうすればスクロールを常に一番下に移動させることができますか？

自作ディレクティブで最初に読み込む時に一番下に移動するのはできたのですが、テキストを追加した時にはスクロール位置が保持されたままになってしまいます。
$scopeはController as(Controller As記法？)で置き換えています。

.directive('ncInitFocus', [function() {
var timer;
return function(scope, elm, attr) {
if (timer) clearTimeout(timer);
timer = setTimeout(function() {
elm.focus();
elm.select();
}, 0);
};
}])

Answer 1

@wakamechan
angular 1.xとangular 4.xは全くの別物なので、楽さだけで言えば1.xの方が断然学習しやすいです。

質問者の状況がわかりませんのでなんとも言えませんが、恐れずにライブラリーを活用しましょう！先人の知恵を使うのが一番です。
https://github.com/oblador/angular-scroll

どうしても自分で書きたい場合は、jqueryを導入して、jqLiteを上書きして使うのが現実的かと思いますが、拡張性に優れないのでオススメはしません。

Answer 2

• 間違っていたらすみませんが、この書き方を見ると、古いフレームワークのバージョン(angular1.x)を使っているように感じましたが、違いますか？
• 古いバージョンで出来なかったことが、新しいバージョン(4.x)では可能になっている場合もあります。いまでは、コードの書き方もだいぶ楽になっています。その点も考慮してみてはどうでしょう。