gpt4 book ai didi

javascript - 如何在按下按钮时更新 angularjs 模型(使用 ng-model-options 参数)?

转载 作者:行者123 更新时间:2023-11-30 16:42:45 25 4
gpt4 key购买 nike

我有一些输入(文本、复选框、选择)。

我只想在按下按钮后更新 Controller 模型。

<input type="email" ng-model="vm.email" ng-model-options="{updateOn:'not blur, maybe custom event'} }"/>
<button ng-click="vm.apply()">Apply</button>

vm.apply = function() {
//How to fire event to trigger model update?
}

最佳答案

好的,我想我找到了解决方案。我们可以使用提交事件。因此只有当用户按下提交按钮时,模型才会更新值。

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example - example-example79-production</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
</head>
<body ng-app="submitExample">
<script>
angular.module('submitExample', [])
.controller('ExampleController', ['$scope', function($scope) {
$scope.list = [];
$scope.text = 'hello';
$scope.submit = function() {
if ($scope.text) {
$scope.list.push(this.text);
}
};
}]);
</script>
<form ng-submit="submit()" ng-controller="ExampleController">
Enter text and hit enter:
<input type="text" ng-model="text" ng-model-options="{ updateOn: 'submit' }" name="text" />
<input type="submit" id="submit" value="Submit" />
<pre>list={{list}}</pre>
<pre>text={{text}}</pre>
</form>
</body>
</html>

关于javascript - 如何在按下按钮时更新 angularjs 模型(使用 ng-model-options 参数)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31694315/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com