यह कोणीय जेएस और एचटीएमएल के लिए मेरा कोड है। कृपया इस बारे में मेरी मदद करें। एचटीएमएल फाइल या कोणीय फाइल में सिंटैक्स में कोई त्रुटि होने पर यह फाइल के साथ काम क्यों नहीं कर रहा है? मैं एक ऑर्डर टेबल बनाने की कोशिश कर रहा हूं और मैं इसे कोणीय जेएस विधि का उपयोग कर रहा हूं और हर बार जब मैं इसे ब्राउज़र पर चलाता हूं तो कोणीय कोड काम नहीं कर रहा है और ऐड बटन भी मेरे लिए काम नहीं कर रहा है जिसका उपयोग अधिक संस्थाओं को जोड़ने के लिए किया जाता है गण।

angular.module('Commande', [])
    .controller('commandeController', ['$scope', function($scope) {

        $scope.articles = [
                { id: 1, reference: 123, titre: "MSI GTX 980ti", prixUnitaire: 666.63, quantite: 0, montantHT: 666.63, montantTTC: 799.95 },
                { id: 2, reference: 456, titre: "Intel Core i7-4770K", prixUnitaire: 324.96, quantite: 0, montantHT: 324.96, montantTTC: 389.95 },
                { id: 3, reference: 789, titre: "ASUS MAXIMUS VII RANGER", prixUnitaire: 134.96, quantite: 0, montantHT: 134.96, montantTTC: 161.95 }
        ];



        $scope.PrixTotalTTC = function() {
            var resultTTC = 0;

            angular.forEach($scope.articles, function (article) {
                resultTTC += article.montantTTC * article.quantite;
            });
            return resultTTC;
        };

        $scope.PrixTotalHT = function() {
            var resultHT = 0;

            angular.forEach($scope.articles, function (article) {
                resultHT += article.montantHT * article.quantite;
            });
            return resultHT;
        };

        $scope.NombreArticle = function() {
            var resultArticle = 0;

            angular.forEach($scope.articles, function(article){
                resultArticle += article.quantite;
            });
            return resultArticle;
        };

        $scope.AjouterArticle = function() {
            $scope.articles.push({
                id: '',
                reference: '',
                titre: '',
                prixUnitaire: 0,
                quantite: 0,
                montantHT: 0,
                montantTTC: 0
            });
        };

        $scope.SupprimerArticle = function(index) {
            $scope.articles.splice(index, 1);
        };

    }]);
<html lang="en-us">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<script src="//code.angularjs.org/1.6.6/angular.min.js">
</script>
<script src="app.js"></script>

</head>
<body ng-app="Commande" ng-controller="commandeController">
<h1>Bon de commande</h1>
    <div class="content">
        <div class="col-md-12">
            <table class="table table-striped table-hover table-responsive">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Référence</th>
                        <th>Titre</th>
                        <th>Prix unitaire HT/€</th>
                        <th>Quantité</th>
                        <th>Montant HT/€</th>
                        <th>Montant TTC/€</th>
                        <th>Supprimer</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="article in articles">
                        <th>
                            <input type="number" ng-model="article.id" class="form-control bfh-number" placeholder="Id" min=0>
                        </th>
                        <td>
                            <input type="number" ng-model="article.reference" class="form-control bfh-number" placeholder="Référence" min=0>
                        </td>
                        <td>
                            <input type="text" ng-model="article.titre" class="form-control" placeholder="Titre">
                        </td>
                        <td>
                            <input type="number" ng-model="article.prixUnitaire" class="form-control bfh-number">
                        </td>
                        <td>
                            <input type="number" ng-model="article.quantite" class="form-control bfh-number" min=0>
                        </td>
                        <td>
                            <input type="number" ng-model="article.montantHT" class="form-control bfh-number" min=0>
                        </td>
                        <td>
                            <input type="number" ng-model="article.montantTTC" class="form-control bfh-number" min=0>
                        </td>
                        <td>
                            <a href ng:click="SupprimerArticle($index)"><i class="fa fa-times delete"></i></a>
                        </td>
                    </tr>
                    <tr class="success">
                        <th class="success">TOTAL</th>
                        <td class="success"></td>
                        <td class="success"></td>
                        <td class="success"></td>
                        <td class="success">{{ NombreArticle() }} article(s)</td>
                        <td class="success" ng-style="PrixTotalHT() >= 1000 && {'font-weight': 'bold'}">{{ PrixTotalHT() | number:2 }} €</td>
                        <td class="success" ng-style="PrixTotalHT() >= 1000 && {'font-weight': 'bold'}">{{ PrixTotalTTC() | number:2 }} €</td>
                        <td class="success"></td>
                    </tr>
                </tbody>
            </table>
            <a href ng:click="AjouterArticle()" class="btn btn-primary">Ajouter un article <i class="fa fa-plus"></i></a>
        </div>
    </div>
</body>
</html>

यह मेरा कोड है।

-4
Ali hassan 25 सितंबर 2017, 11:43
डिबगिंग सहायता प्राप्त करने वाले प्रश्न ("यह कोड काम क्यों नहीं कर रहा है?") में वांछित व्यवहार, एक विशिष्ट समस्या या त्रुटि और प्रश्न में ही इसे पुन: उत्पन्न करने के लिए आवश्यक सबसे छोटा कोड शामिल होना चाहिए। स्पष्ट समस्या विवरण के बिना प्रश्न अन्य पाठकों के लिए उपयोगी नहीं हैं: स्टैक ओवरफ्लो में आपका स्वागत है। कृपया इसे पढ़ें। : stackoverflow.com/help/on-topic
 – 
Ramesh Rajendran
25 सितंबर 2017, 11:46
यह यहां काम करता है जब मैं कोड स्निपेट चलाता हूं लेकिन मेरे संपादक में काम नहीं कर रहा हूं।
 – 
Ali hassan
25 सितंबर 2017, 11:58
आपको अधिक विस्तार से समझाना चाहिए कि आप क्या प्राप्त करना चाहते हैं, और कोड क्या है जैसा है।
 – 
Assafs
25 सितंबर 2017, 12:03
जब मैं कोड स्निपेट चलाता हूं तो मेरा कोड यहां स्टैक ओवरफ्लो पर काम करता है।
 – 
Ali hassan
25 सितंबर 2017, 12:06
लेकिन जब मैं संपादक {{ NombreArticle() }} लेख (लेखों) {{ PrixTotalHT() | संख्या:2 }} € {{ PrixTotalTTC() | संख्या:2 }} €
 – 
Ali hassan
25 सितंबर 2017, 12:06

1 उत्तर

सबसे बढ़िया उत्तर

ऐसा लगता है कि आपको एक सामग्री प्रबंधन प्रणाली (CMS) की आवश्यकता है, जैसे MAMP, XAMPP या समान। जावास्क्रिप्ट कोड को काम करने के लिए आपको मूल रूप से एक स्थानीय सर्वर चलाने की आवश्यकता है (साथ ही साथ कोई भी PHP जिसका आप उपयोग कर सकते हैं)। सरल समाधान, यदि केवल जावास्क्रिप्ट की आवश्यकता है, तो Node.js का उपयोग करना है।

0
Aleksey Solovey 25 सितंबर 2017, 12:41
हाय @AlekseySolovey, कोणीय फ्रंट एंड सिंगल पेज एप्लिकेशन के लिए है। मुझे लगता है कि मैंने एजेएस के सीडीएन एकीकरण प्राप्त करने के लिए सिर में कुछ गलत दर्ज किया है।
 – 
Ali hassan
25 सितंबर 2017, 13:08
आप हमेशा angularjs डाउनलोड कर सकते हैं और स्क्रिप्ट के रूप में मैन्युअल रूप से आयात कर सकते हैं, लेकिन यदि आपका कोड यहां काम करता है तो मुझे लगता है कि आपको स्थानीय सर्वर की आवश्यकता है
 – 
Aleksey Solovey
25 सितंबर 2017, 13:32