gpt4 book ai didi

javascript - While 循环与 AngularJS?

转载 作者:行者123 更新时间:2023-11-29 21:34:58 24 4
gpt4 key购买 nike

我试图在 AngularJS 中模仿纯 Javascript 的 while 循环。当单击“添加”按钮时,我只想根据数量输入的值调用 createPlant() 方法 x 次,如下所示(它添加到数组“plants”):

$("#add").on("click", function() {
var i = 0;
while (i < $("#pQuantity").val()) {
createPlant();
i += 1;
};

在 Angular 中我有:

HTML

<button ng-click="addPlant()" type="button">Add</button>

我不确定脚本会是什么样子,但这是我错误地输入的内容:

JS

var i = 0;
while (i < $("#pQuantity").val()) {
$scope.addPlant = function() {
var plant = {name: $("#pVariety").val()};
$scope.plants.unshift(plant);
};
i += 1;
};

最佳答案

我支持@dfsq 在评论中告诉你的内容。如果您使用的是 Angular ,请不要使用 jQuery……释放 Angular 力量! :P

对于您的解决方案,您应该这样做:

你的JS:

$scope.result="";
$scope.addPlant = function(){
for (i=0; i<$scope.someValue;i++){
//do something
$scope.result=$scope.result+i.toString()+",";
}
};

HTML:

<body ng-controller="MainCtrl">
<input type=number ng-model="someValue" />
<button ng-click="addPlant()">CLICK ME</button>
<div>{{result}}</div>
</body>

Plunker sample

关于javascript - While 循环与 AngularJS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35106528/

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