angularjs - ng-submit 在表单提交后给出旧值

标签 angularjs angularjs-1.6

我是 angularjs 新手,ng-submit 在表单提交后给出旧值

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.myTxt = "You have not yet clicked submit";
  $scope.sidebarname = "Vendor";
  $scope.myFunc = function () {
      $scope.myTxt = "You clicked submit!";
      alert($scope.sidebarname);
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">

<form ng-submit="myFunc()">
  <input ng-value="sidebarname" type="text">
  <input  type="submit">
</form>

<p>{{myTxt}}</p>



</div>

表单提交后 $scope.sidebarname 给出旧值 Vendor ,我已阅读并搜索它,但没有任何帮助。

任何帮助或建议都会有帮助

最佳答案

尝试:

<form ng-submit="myFunc()">
  <input ng-model="sidebarname" type="text">
  <input  type="submit">
</form>

注意:ng-modeldifferent来自 ng-value

关于angularjs - ng-submit 在表单提交后给出旧值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50168234/

相关文章:

javascript - AngularJS:我什么时候应该创建另一个 Controller ?

javascript - 是否可以将所有 AngularJS 文件(例如 Controller 、工厂)加载到外部 HTML 中?

javascript - 如何在 AngularJS 中对独立作用域指令进行单元测试

javascript - Angular 1.6 绑定(bind)到 Controller

javascript - Angular 1.6 ES6 $ watch

javascript - mdDatepicker 在 AngularJS 1.5.9 和 1.6 中被破坏

javascript - Angular POS 应用程序,尝试从 POJO 生成自动采购订单

javascript - AngularJS 的路由问题

javascript - 如何在自定义过滤器中添加多个参数?