sách gpt4 ai đã đi

单击按钮时的 Angularjs 操作

In lại 作者:行者123 更新时间:2023-12-02 16:02:16 27 4
mua khóa gpt4 Nike

我正在尝试进行一些计算,但是一旦我输入金额,它就会完成。我只是希望通过单击按钮而不是自动发生这种情况。

到目前为止我做了什么:



<đầu>
Angular JS - programming-free.com






Enter Quantity:


Total Cost: Rs.{{calculateval(quantity,10)}}






1 Câu trả lời

由于计算调用绑定(bind)在模板中,因此计算会立即发生,当数量发生变化时,模板会显示其结果。

您可以尝试以下方法。将您的标记更改为以下内容:


Enter Quantity:



Total Cost: Rs.{{quantityResult}}



接下来,更新您的 Controller :

myAppModule.controller('myAppController', function($scope,calculateService) {
$scope.quantity=1;
$scope.quantityResult = 0;

$scope.calculateQuantity = function() {
$scope.quantityResult = calculateService.calculate($scope.quantity, 10);
};
});

这是一个JSBin example这演示了上述方法。

这种方法的问题是计算结果仍然以旧值显示,直到单击按钮为止。为了解决这个问题,您可以在数量发生变化时隐藏结果。

这将涉及更新模板以在输入上添加 ng-change 以及在结果上添加 ng-if:


Total Cost: Rs.{{quantityResult}}


在 Controller 中添加:

$scope.showQuantityResult = false;

$scope.calculateQuantity = function() {
$scope.quantityResult = calculateService.calculate($scope.quantity, 10);
$scope.showQuantityResult = true;
};

$scope.hideQuantityResult = function() {
$scope.showQuantityResult = false;
};

这些更新可以在 JSBin demo 中看到.

关于单击按钮时的 Angularjs 操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21693403/

27 4 0
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com