代码之家  ›  专栏  ›  技术社区  ›  Sreekanth Reddy Balne

Angularjs:向Json对象添加自定义属性、字段或计算

  •  0
  • Sreekanth Reddy Balne  · 技术社区  · 6 年前

    saleItems 按get要求。

    saleItems = [
      {
        "id": 236,
        "variant": "Oval Holder",
        "mrp": "66.00"
      },
      {
        "id": 237,
        "variant": "Angle Holder",
        "mrp": "52.00"
      }
    ]
    

    我的模板看起来像:

    <table>
      <tr><th>Sale Invoice</th></tr>
      <tr>
        <th>No.</th>
        <th>Item.</th>
        <th>Quantity</th>
        <th>Rate</th>
        <th>Discount</th>
        <th>Discount Amount</th>
        <th>Total Amount</th>
      </tr>
      <tr ng-repeat="item in $ctrl.saleItems | filter:$ctrl.query | orderBy:$ctrl.orderProp">
        <td>{{$index + 1}}</a></td>
        <td>{{item.variant}}</td>
        <td><input type="text" value="{{item.sale_quantity}}"></td>
        <td class='amt'>{{item.mrp | currency : "₹" : 2}}</td>
        <td class='amt'><input type="text" placeholder="0.00" value="{{item.discount_percent}}"></td>
        <td class='amt' >{{item.total_amount | currency : "₹" : 2}}</td>
      </tr>
      <tr><td>{{sale_total_amount}}</td></tr>
    </table>
    

    从上面的模板可以看出,我想输入 item.sale_quantity , item.discount_percent readonly 领域 item.total_amount

    每当 商品销售数量 字段也应该随着 sale_total_amount

    商品销售数量 .

    只是想了解一些情况。这里没有。

    1 回复  |  直到 6 年前
        1
  •  1
  •   Nawnit Sen    6 年前

    使用 ng-change . ng-change ="expression" ng变化 已使用。

    项目总金额 商品销售数量 ng-init="item.total_amount=0;item.sale_quantity =0" 首先 <td> 然后更换

    <td><input type="text" value="{{item.sale_quantity}}"></td> 具有

    <td><input type="text" value="{{item.sale_quantity}}" ng-chnage="item.total_amount = item.sale_quantity * item.mrp"></td> 
    

    .

    item.sale_quantity item.total_amount = item.sale_quantity * item.mrp 将进行评估,并在 项目总金额 .