Question

我有这个非常简单的形式：

<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>

这个JS：

function Ctrl($scope) {
  $scope.text = "New";
  $scope.change = function (element) {
    $scope.text = element.value;
    $scope.$apply();
  }
}

jsfiddle

目前，当我离开文本字段时，按钮value会更新。如何在用户输入时更改按钮value？

Answer 1

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

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

DEMO： http://jsfiddle.net/d28L8bc9/1/

Answer 2

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>

JS：

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

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

2 个答案: