Javascript 当输入文本值更改时，我可以更改按钮文本吗？

我有一个非常简单的表格：

<div ng-app>
  <div ng-controller="Ctrl">
    <form>
      <input type="text" value="" onchange="angular.element(this).scope().change(this)" />
      <br />
      <input type="submit" name="button1" value="{{text}}" />
    </form>
  </div>
</div>

---

当前，当我离开文本字段时，按钮

值

会更新。如何在用户键入时更改按钮的值？

无需重新发明轮子，只需使用指令：

<input type="text" ng-model="text" />

---

演示：

无需重新发明轮子，只需使用指令：

<input type="text" ng-model="text" />

演示：

HTML:

<div ng-app>
  <div ng-controller="Ctrl">
    <form>
      <input type="text" value="" ng-model="text" />
      <br />
      <input type="submit" name="button1" value="{{text}}" />
    </form>
  </div>
</div>

HTML:

---

跟进：如果我只想在text.length>3时更改按钮标签，这是一个简单的编辑吗？跟进：如果我只想在text.length>3时更改按钮标签，这是一个简单的编辑吗？

function Ctrl($scope) {
  $scope.text = "New";
}