javascript - 我怎样才能在 AngularJS Controller 中同时获得输入字段的前后值?

标签 javascript angularjs data-binding

我是 AngularJS 的新手,正在为此苦苦挣扎,也许有人可以提供帮助。

假设我有一个带有一些初始值的输入字段,我允许用户更改该值并单击提交按钮。 onbeforesave 将提供更改前的值,onaftersave 将提供更改后的值。但是,在 Controller 中我需要前后值。我不知道如何在一个函数中同时使用它们。这可能是一件简单的事情,但我就是想不通。谢谢。

最佳答案

这实际上是一个愚蠢的问题..仍然是你需要的

  1. 如果您想要一个临时值并且用户在文本框中单击,它 应该被清除。我们称之为占位符

<input type="text" placeholder="click me here..."

  1. 其次,如果您使用的是 Angular,您将需要 Controller 文本框中的值,这会有所帮助。

var app = angular.module("myApp", []);

app.controller("myCtrl", function($scope) {
  var initialval=12; //initial value
  $scope.firstval=initialval;
  $scope.inputValue=initialval;
  
 
   
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<input type="text" ng-model="inputValue" />
  
  <table>
    <tr>
      <td>Initial value</td>
      <td>{{firstval}}</td>
      </tr>
    <tr>
      <td>Changing value</td>
      <td>{{inputValue}}</td>
      </tr>
</div>

关于javascript - 我怎样才能在 AngularJS Controller 中同时获得输入字段的前后值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39939354/

相关文章:

javascript - 为什么 array[i].charAt(0).toUpperCase() 不会传递给 array[i][0]

javascript比较数组中的对象

c# - 文本 block 不会更新

data-binding - 从文本区域获取用户输入

javascript - Javascript 中的秒表比正常时间慢

javascript - 让 Discord Bot 加入/离开 channel

javascript - 是否可以使用 Angular.js 更改文件类型输入的默认占位符值

angularjs - ng-click 事件未在 span 元素上触发

javascript - ng-table 与用户输入的过滤器一起使用

wpf - 如何通过DataBinding/Triggers有选择地设置TabItem的 “Visibility”