gpt4 book ai didi

javascript - AngularJS:带有占位符和 ng-model 的输入[数字]

转载 作者:行者123 更新时间:2023-12-03 12:45:36 25 4
gpt4 key购买 nike

我的 View 中有以下输入字段

<input type="number" min="0" placeholder="7500" ng-model="totalClicks" required>

我现在想要的是将模型变量 Total totalClicks 设置为初始值,除非用户进行输入,否则该初始值不会反射(reflect)到 UI。

如果我初始化

$scope.totalClicks = {};

$scope.totalClicks = '';

然后占位符会正确显示,直到用户进行输入。但是,模型变量totalClicks 不会更新并保持初始化状态。

如果我将其设置为

$scope.totalClicks = 0;

然后 0 显示在输入中,占位符未显示,但模型已更新。

有什么建议吗?

更新:

已添加

$scope.funnel = {};
$scope.funnel.totalClicks = 9;
<input type="number" min="0" placeholder="7500" ng-model="funnel.totalClicks" required>

现在,占位符显示在页面加载时,但当我更改输入时,$scope.funnel.totalClicks 仍保持 9

更新#2:这是一个关于 plunker 的例子。有 2 个文本框绑定(bind)到同一模型,因此当我更改一个输入框中的模型时,另一个输入框也应该更改。 (示例包括 ionic 框架) http://plnkr.co/edit/F4fOGMBA8eFJ9vdyuDvm

最佳答案

以下是更新totalClicks ngModel的工作示例。

<html ng-app="ExamplesApp">  
<head>
<script src="angular.js"></script>
</head>
<body ng-controller="ExCtrl">
<input type="number" min="0" placeholder="7500" ng-model="totalClicks" required>
<button ng-click="clicks()">Click</button>
<script type="text/javascript">
angular.module('ExamplesApp',[]);
angular.module('ExamplesApp')
.controller('ExCtrl',function($scope){
$scope.totalClicks = '';
$scope.clicks= function(){
alert($scope.totalClicks);
};
});
</script>
</body>
</html>

JSFiddle: http://jsfiddle.net/StT2y/2/

关于javascript - AngularJS:带有占位符和 ng-model 的输入[数字],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23355833/

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