Javascript 如何在提交时更改角度值?
有没有人能告诉我该怎么做,这样当我按下“提交”按钮时,myName变量就会更新?谢谢 app.js:Javascript 如何在提交时更改角度值?,javascript,html,angularjs,angularjs-scope,Javascript,Html,Angularjs,Angularjs Scope,有没有人能告诉我该怎么做,这样当我按下“提交”按钮时,myName变量就会更新?谢谢 app.js: app.controller('SomeController', ['$scope', 'emails', function($scope, emails) { emails.success(function(data) { $scope.emails = data; }); $scope.myName = "John"; }]); view.html <
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>
{{myName}}
看起来控制器中缺少更新功能:
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;
};
}]);
只要您键入以下内容,就会更新:
<input type="text" ng-model="myName"/>
<h1>{{myName}}</h1>
请记住,表单应该包装在声明SomeController
的任何组件中。。。例如a
<div ng-controller="SomeController">
<!-- your form goes here -->
</div>
是的,很明显我错过了。这是朝着正确方向迈出的一步,但似乎不起作用。当我单击submit时,它不会为我更新变量。您在控制台中是否收到任何错误?我怀疑这可能是电子邮件造成的成功。。。第二,这种语法非常奇怪。
$scope.update = function(name) {
$scope.myUpdatedName = name;
};
<div ng-controller="SomeController">
<!-- your form goes here -->
</div>