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

Question

Я новичок в 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 , я прочитал и ищу его, но ничего полезного.

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

Answer 1

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-model="sidebarname" type="text">
  <input  type="submit">
</form>

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



</div>

Answer 2

Чтобы связать значение со страницы 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>

Answer 3

Попробуйте:

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

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