2017-02-02 4 views
0

donc j'ai un code comme ci-dessousbalises de modèle de django dans l'élément ng-app ne fonctionne pas

base.html

{% load staticfiles %} 
<!DOCTYPE html> 
<html lang="en"> 

    <head> 

     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 

     {% block title %} 
      <title>Title</title> 
     {% endblock title %} 

     {% block basecss %} 
      <link href="{% static 'css/base.css' %}" type="text/css" rel="stylesheet" media="screen,projection"> 
     {% endblock basecss %} 

     {% block css %} 
     {% endblock css %} 

    </head> 

    <body id="login-page"> 

     {% block header %} 
      {% include 'manage_header.html' %} 
     {% endblock header %} 

     {% block navigation %} 
      {% include 'manage_navigation.html' %} 
     {% endblock navigation %} 

     {% block content %} 
     {% endblock content %} 

     {% block footer %} 
     {% endblock footer %} 

    </body> 

    {% block basejs %} 
     <script type = "text/javascript" src = "{% static 'js/jquery-1.11.2.min.js' %}"></script> 

     <script src = "{% static 'jquery/jquery-ui.js' %}"></script> 
     <script src = "{% static 'angular/underscore.js'%}"></script> 
     <script src = "{% static 'angular/angular.js' %}"></script> 
     <!-- <script src = "{% static 'angular/angular-route.js' %}"></script> --> 
     <script src = "{% static 'angular/angular-ui-router.js' %}"></script> 
     <script src = "{% static 'angular/restangular.js' %}"></script> 

     <script type = "text/javascript" src = "{% static 'js/materialize.js' %}"></script> 
     <script type = "text/javascript" src = "{% static 'js/perfect-scrollbar.min.js' %}"></script> 

     <!--plugins.js - Some Specific JS codes for Plugin Settings--> 
     <script type = "text/javascript" src = "{% static 'js/plugins.min.js' %}"></script> 

     <script type="text/javascript" src = "{% static 'js/custom-script.js' %}"></script> 
    {% endblock basejs %} 

    {% block js %}  
    {% endblock js %} 

</html> 

scène: 1

{% block navigation %} 
    {% include 'manage_navigation.html' %} 
{% endblock navigation %} 

{% block content %} 
    <div ng-app="UserModule"> 
     <div ui-view=""> 
     </div> 
    </div> 
{% endblock content %} 

Cela fonctionne bien, mais quand je fais ci-dessous

scène: 2

<div ng-app="UserModule"> 
    {% block navigation %} 
     {% include 'manage_navigation.html' %} 
    {% endblock navigation %} 

    {% block content %} 
     <div ui-view=""> 
     </div> 
    {% endblock content %} 
</div> 

Il ne fonctionne pas du tout.

Je veux utiliser scène: 2, parce que cela contient la barre de navigation et je veux appeler les états définis dans $stateProvider sur le clic des éléments de menu placés dans la barre de navigation.

SOLUTION selon réponse acceptée

{% block navigation %} 
    <div ng-app="UserModule"> 
     {% include 'manage_navigation.html' %} 
{% endblock navigation %} 

{% block content %} 
     <div ui-view=""> 
     </div> 
    </div> 
{% endblock content %} 
+0

Pouvez-vous coller le fichier dans lequel vous étendez la scène2? – MicroPyramid

+0

Cela peut vous aider 'http: // django-angular.readthedocs.io/fr/latest/template-sharing.html' –

Répondre

2

Vous ne pouvez pas avoir quoi que ce soit en dehors des blocs dans un modèle de l'enfant. Tout doit être à l'intérieur d'un bloc.

+0

Oh ... c'est vrai. Ça fonctionne maintenant. –