communauté
Apprendre
Bibliothèque d'outils
Outils d'IA
Loisirs
recherche
Français
angulaire.js - Comment utiliser Angularjs pour implémenter ce qui suit
仅有的幸福
仅有的幸福 2017-05-15 16:50:42
0
3
659

Chaque ligne sert de détail de produit de commande
Sélectionnez le produit et renseignez le nom du produit et le prix
La quantité par défaut est 1, le prix et la quantité peuvent être modifiés manuellement, mais le prix total ne peut pas être modifié. Prix total = quantité * prix unitaire

;

Comment lier ce modèle pour chaque ligne

仅有的幸福
仅有的幸福

répondre à tous(3)
洪涛
洪涛2017-05-15 16:52:42 3 plancher

J'ai écrit un échantillon pour référence :

<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>
Comme +0
Ajouter une réponse
滿天的星座
滿天的星座2017-05-15 16:52:42 2 plancher

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

ng-repeat='x dans le tableau'

of-model='x.num'

of-model='x.price'

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

Comme +0
Ajouter une réponse
習慣沉默
習慣沉默2017-05-15 16:52:42 1 plancher

ngRépéter

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal