ng-submit дает старое значение после отправки формы

я новичок в 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 , я читал и искал об этом, но ничего полезного.

любая помощь или предложение будут полезны


angularjs angularjs-1.6
person Dave    schedule 04.05.2018    source источник
comment
Используйте ng-модель для входного значения   -  person Manish Balodia    schedule 04.05.2018
comment
ng-value будет выполнять одностороннюю привязку... изменение sidebarname не отразится на его модели. для того же использования ng-model   -  person Pankaj Parkar    schedule 04.05.2018

Ответы (2)


arrow_upward
2
arrow_downward

Пытаться:

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

Примечание. ng-model отличается от ng-value

person Shashank Vivek    schedule 04.05.2018

arrow_upward
0
arrow_downward

Чтобы связать значение с HTML-страницы и контроллера, мы должны использовать ng-model. В вашем случае он всегда берет значение из контроллера и не привязывается к значению с вашей HTML-страницы.

ng-value отличается от ng-model

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

<p>{{myTxt}}</p>
person Imran Ahmad Ghazali    schedule 04.05.2018