javascript – 如何使用ng-change获取字段的值

栏目: JavaScript · 发布时间: 7年前

内容简介：翻译自：https://stackoverflow.com/questions/30947808/how-to-get-the-value-of-a-field-with-ng-change

我知道如何使用AngularJS中的ng-change对textarea中的用户输入作出反应.但是如何在Angular控制器中获取当前输入？我错过了$(this).value();在jQuery中.

<script>
  angular.module('changeExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
      $scope.evaluateChange = function() {
        console.log("How do I get the current content of the field?");
      };
    }]);
</script>

<div ng-controller="ExampleController">
  <textarea ng-change="evaluateChange()" id="ng-change-example1"></textarea>
</div>

NG-模型

它将存储输入,textarea或select的值.

你的HTML应该是这样的：

<div ng-controller="ExampleController">
  <textarea ng-model="myValue" ng-change="evaluateChange()" id="ng-change-example1"></textarea>
</div>

然后在您的控制器中,您可以使用$scope.myValue引用它

希望有所帮助！

翻译自：https://stackoverflow.com/questions/30947808/how-to-get-the-value-of-a-field-with-ng-change

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

HTML5与CSS3权威指南（上册）（第3版）

陆凌牛 / 机械工业出版社 / 2015-9-1 / CNY 89.00

本书是HTML 5与CSS 3领域公认的标杆之作，被读者誉为“系统学习HTML 5与CSS 3的最佳著作”和“Web前端工程师案头必备图书之_”。前两版累计印刷超过15次，网络书店评论超过8000条，98％以上的评论都是五星级的好评。不仅是HTML 5与CSS 3图书领域当之无愧的领头羊，而且在整个原创计算机图书领域是佼佼者。第3版首先从技术的角度根据最新的HTML 5和CSS 3......一起来看看《HTML5与CSS3权威指南（上册）（第3版）》这本书的介绍吧!

码农工具