Pourquoi suis-je un “Impossible de lire la propriété nodeType' null,” erreur avec knock-out JS?

Aujourd'hui est le premier jour pour moi en Huitièmes de finale . Suis heurté avec elle . Ci-dessous est mon premier exemple de code à l'aide de knockout.js et il affiche une erreur .

Ne peut pas lire de propriété nodeType', null

Voici mon script:`

   function ViewModel()  
   {  
     var self = this;  
     self.n1 = ko.observable(10);  
     self.n2 = ko.observable(10);  
     self.n3 = ko.observable(10);  
   }  
   ko.applyBindings(new ViewModel());  `

Voici mon code html:

<body>
<p>Number1:<input data-bind="value:n1"></input></p>
<p>Number2:<input data-bind="value:n2"></input></p>
<p>Number3:<input data-bind="value:n3"></input></p>
</body>

Je veux savoir la raison de l'erreur ci-dessus et comment le surmonter...

InformationsquelleAutor Prasath K | 2013-02-26
  1. 44

    Si vous avez configuré votre code comme celui-ci, ça va marcher.

    <body>
<p>Number1:<input data-bind="value:n1"></p>
<p>Number2:<input data-bind="value:n2"></p>
<p>Number3:<input data-bind="value:n3"></p>
<script src="knockout.js"></script>
<script>

function ViewModel() {  
   var self = this;  
   self.n1 = ko.observable(10);  
   self.n2 = ko.observable(10);  
   self.n3 = ko.observable(10);
}  

ko.applyBindings(new ViewModel());  `

</script>
</body>
    • Oui sa fonctionne bien maintenant .. Mais je peux savoir la raison...??
    • HTML est interprété de haut en bas. Donc, si vous incluez les scripts en haut de la page (par exemple <head> l'article), elles pourraient être exécuté avant que certains ou tous les éléments de la page sont prêts à être interagi avec. Il y a d'autres façons de le faire (réponse à DOM ready événements), mais de mettre le code en bas en fait de même.
    • Une autre astuce: <input> éléments n'ont pas une balise de fermeture. En html, il suffit d'écrire comme <input type="text"> ou <input type="text"/> en XHTML.
    InformationsquelleAutor Brigand
  2. 36

    Si vous voulez garder votre <script> en haut de la page, vous pouvez utiliser du jQuery ready() la fonction de délai de l'initialisation jusqu'à ce que la page est chargée.

    $(document).ready(function() {
    ko.applyBindings(new ViewModel());
});
    • Je ne sais pas si ça marche ... en tout cas merci pour votre précieuse réponse ...!!!
    • Oui, il fonctionne. J'ai eu le même bug que vous et cette page m'a aidé à résoudre avec $.ready().
    InformationsquelleAutor lance-java
  3. 1

    Je pense que ko.applyBindings(obj); doit être en écriture sous modèle de vue.

    <!DOCTYPE html>
<html>
<head>
    <title>KO Examples</title>
    <script type='text/javascript' src='knockout-3.1.0.js'></script>
    <script type='text/javascript' src='jquery.js'></script>
    <script type='text/javascript'>
        var  obj = {
            first_name : 'Gazal Irish'
        };


    </script>

</head>
<body>
<div>
    <p>My name : <span data-bind="text: first_name"></span>
<p> 
</div>
<script type="text/javascript">

    ko.applyBindings(obj);
</script>

</body>
</html>
    InformationsquelleAutor Shemeer M Ali