angularjs - 無効なフォームが最初は有効で、無効になった直後はなぜですか?

Question

簡単にするために、質問を説明するサンプルフォームを作成しました。

<form novalidate name="form">
  <input required name="foo" ng-model="my.foo">
</form>

また、コントローラー：

angular.module('sample', []).controller('MainController', function($scope) {
  $scope.$watch('form.$valid', function (valid) {
    console.log(valid);
  });
});

期待される結果：

> false

実結果：

> true
> false

最初はフォームが有効で、その後無効になる理由を誰か教えてもらえますか?

ワーキングデモ