Question

使用以下代码，用户可以设置他们的送货方式，但我需要一个解决方案，以便“价格”字段在选择免费送货时将值更改为零。

<div ng-app="">
  <div class="form-group">
    <input type="checkbox" ng-model="disablelist" ng-click="checkitems">Gratis frakt (free shipping)
    <input type="number" ng-disabled="disablelist" class="form-control" value="0" ng-init="price='0'" ng-model="price" name="price">
  </div>
   <div class="well">
     Endelig sluttsum: {{price}}.
     <br>Herav MVA: {{price / 5}}
     <br>Kriterie: 
   </div>
</div>

有什么想法吗？

Answer 1

首先，ng-click="checkitems"并没有真正做任何事情，它应该是ng-click="checkitems()"，或者更好，ng-change="checkitems()"。然后，在您的checkitems方法中，将值设置为0：

$scope.checkitems = function() {
    [...]
    $scope.price = 0; // or something
}

Answer 2

使用此：https://docs.angularjs.org/api/ng/directive/ngChange

创建一个JS函数，并在price

更改输入后对其执行shipping字段的更改

当用户在AngularJS中选择“免运费”时，将输入值设置为0

2 个答案: