cari

Rumah  >  Soal Jawab  >  teks badan

angular.js - Cara menggunakan Angularjs untuk melaksanakan perkara berikut

Setiap baris berfungsi sebagai butiran produk pesanan
Pilih produk dan isikan nama produk dan harga
Kuantiti lalai ialah 1, harga dan kuantiti boleh diubah suai secara manual, tetapi jumlah harga tidak boleh diubah suai Jumlah harga = kuantiti * harga unit

Cara mengikat model ini untuk setiap baris

仅有的幸福仅有的幸福2796 hari yang lalu641

membalas semua(3)saya akan balas

  • PHP中文网

    PHP中文网2017-05-15 16:52:42

    Saya menulis sampel untuk rujukan:

    <body ng-app="orderSum">
        <table ng-controller="orderController">
            <thead>
                <tr>
                    <th>序号</th>
                    <th>数量</th>
                    <th>单价</th>
                    <th>总价</th>
                </tr>
            </thead>
            <tbody ng-repeat="order in orders track by $index">
                <tr>
                    <td>{{ $index+1 }}</td>
                    <td><input ng-model="order.count"></td>
                    <td><input ng-model="order.price"></td>
                    <td><input readonly="true" value="{{ order.count * order.price }}"></td>
                </tr>
            </tbody>
        </table>
        <script>
        var myApp = angular.module("orderSum",[]);
        myApp.controller("orderController",['$scope',function($scope){
            $scope.orders=[];
            $scope.orders.length=10;
        }]);
        </script>
    </body>
    

    balas
    0
  • 滿天的星座

    滿天的星座2017-05-15 16:52:42

    ng-repeat + array.push({id:1,name:'',price:0,num:0})

    ng-repeat='x dalam tatasusunan'

    of-model='x.num'

    model='x.price'

    ng-bind='x.num * x.price'

    balas
    0
  • 習慣沉默

    習慣沉默2017-05-15 16:52:42

    ngUlang

    balas
    0
  • Batalbalas