2016-10-29 3 views
0
ng-Modell zu sehen

ich versuche Winkel js mit django Servernicht in der Lage

hier ist die index.html

{% load staticfiles %} 

    <html ng-app="blog"> 
     <head> 
      <script type="text/javascript" src="{% static 'js/libs/angular.min.js' %}"></script> 
      <script type="text/javascript" src="{% static 'js/modules/app.module.js' %}"></script> 
      <script type="text/javascript" src="{% static 'js/modules/app.config.js' %}"></script> 
     </head> 

     <body> 
      <input type="text" ng-model="name"> 
      <p>hi , {{name}}</p> 
     </body> 
    </html> 

hier ist app.module.js

'use strict' 

angular.module('blog' , []); 

zu verwenden hier ist app.config.js

'use strict' 

angular.module('blog').config(function(){}); 

das ng-modell v name wird überhaupt nicht angezeigt.Kein Fehler auftritt und nichts kommt auf die Eingabe von irgendetwas in der Eingabe-Box

Was kann der Fall sein und wie kann ich davon erholen?

+0

versuchen entfernen [], verwendet '' var blog = angular.module ('Blog'); '' –

Antwort

0

diesem

html

<html> 
     <head> 
      <script type="text/javascript" src="{% static 'js/libs/angular.min.js' %}"></script> 
      <script type="text/javascript" src="{% static 'js/modules/app.module.js' %}"></script> 
      <script type="text/javascript" src="{% static 'js/modules/app.config.js' %}"></script> 
     </head> 

     <body ng-app="myBlog"> 
      <input type="text" ng-model="name"> 
      <p>hi , {{name}}</p> 
     </body> 
</html> 

js

'use strict'; 

var myBlog = angular.module('myBlog'); 

myBlog.config(function() { 
    // anything u want 
}); 
0

Winkelmodul ein Modul registery hat Versuchen Sie, so dass Sie Ihr Modul irgendwo nicht speichern müssen. Tatsächlich können Sie sogar IIFE-Muster (Immediate Invocation Function Expression) verwenden, um Ihre Moduldefinition zu umhüllen!
Mein Vorschlag ist es zu überprüfen, ob es vom Server selbst kommt. Ich meine, überprüfen Sie, ob Ihre Dateien richtig geladen sind! Dann wickeln Sie Ihre Logik in einem Controller:

// -- my-blog.controller.js -- 
angular.module('blog', ['$scope', MyBlogCtrl($scope) { 

}]); 

in Ihrer index.html:

<html> 
     <head> 
      <script type="text/javascript" src="{% static 'js/libs/angular.min.js' %}"></script> 
      <script type="text/javascript" src="{% static 'js/modules/app.module.js' %}"></script> 
      <script type="text/javascript" src="{% static 'js/modules/app.config.js' %}"></script> 
     </head> 

     <body ng-app="myBlog"> 
      <div ng-controller="MyBlogCtrl"> 
       <input type="text" ng-model="name"> 
       <p>hi , {{name}}</p> 
      </div> 
     </body> 
</html> 
+0

sie sind geladen ... keine Fehler –

+0

Was ist die Definition eines Controllers hier. –