masyarakat
Belajar
Perpustakaan Alatan
Alat AI
Masa lapang
cari
Melayu
angular.js - Cara menggunakan Angularjs untuk melaksanakan perkara berikut
仅有的幸福
仅有的幸福 2017-05-15 16:50:42
0
3
638

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

仅有的幸福
仅有的幸福

membalas semua(3)
洪涛
洪涛2017-05-15 16:52:42 Tingkat 3

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>
Suka +0
Tambah Balasan
滿天的星座
滿天的星座2017-05-15 16:52:42 Tingkat 2

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'

Suka +0
Tambah Balasan
習慣沉默
習慣沉默2017-05-15 16:52:42 Tingkat 1

ngUlang

Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan