如何在提交时进行角度变化值？

Question

有人可以指导我做什么，以便当我按下“提交”按钮时，myName 变量会更新吗？谢谢！

app.js：

app.controller('SomeController', ['$scope', 'emails', function($scope, emails) {
  emails.success(function(data) {

    $scope.emails = data;
  });

    $scope.myName = "John"; 

}]); 

view.html

<div ng-controller="SomeController">
    <form name="messageForm" ng-submit="update(myName)">
      <input type="text" ng-model="myName"/>
        <h1>{{myName}}</h1>
      <input type="submit" value="Send Message"/>
    </form>
    </div>

Answer 1

只要你输入，它就会更新：

<input type="text" ng-model="myName"/>
<h1>{{myName}}</h1>

这只会在您点击提交时更新：

<form name="messageForm" ng-submit="update(myName)">
  <input type="text" ng-model="myName"/>
    <h1>{{myUpdatedName}}</h1>
  <input type="submit" value="Send Message"/>
</form>

在你的控制器上你应该有：

$scope.update = function(name) {
  $scope.myUpdatedName = name;
};

请记住，您的表单应该包含在任何声明您的 SomeController... 的组件中...例如

<div ng-controller="SomeController">
  <!-- your form goes here -->
</div>

Answer 2

您的控制器中似乎缺少更新功能：

app.controller('SomeController', ['$scope', 'emails', function($scope, emails) {
  emails.success(function(data) {

    $scope.emails = data;
  });

  $scope.myName = "John"; 
  $scope.update = function(name) {
    $scope.myName = name;
  };

}]);