Question

在我的django应用程序中，我有一个基本模板，它定义了我的模板的基本结构，这些模板由实际提供应用程序/功能的不同子模板使用。我还希望这个基本模板提供基本的ng-app模块，它提供所有全局/共享功能（例如配置，导航等）。

像这样的东西（伪-html-ish）

base.html文件：

<html>
 <head>
   {% block js %}
    {# angular javascript deps, etc #}
    <script src="myapp.js">
   {% endblock %}
 </head>
 <body ng-app="myapp">
  {% block content %} {% endblock %}
 </body>
</html>

myapp.js：

app = angular.module('myapp', []);
// and so on

子模板可能如下所示

child.html：

{% extends "base.html" %}
{% block js %}
  {{block.super}}
  <script src="childapp.js">
{% endblock %}
{% block content %}
 <div ng-controller="ChildCtrl">
 </div>
{% endblock %}

childapp.js：

childmod = angular.module("child", []);
childmod.controller("ChildCtrl", function($scope) { /* etc */ });

问题

在上面的设置中，应用模块并不知道＆＃34;关于孩子＆＃34;模块或其控制器，我不想要它，因为它可以根据子模板继承它而改变。我也不想在子模板中定义ng-app模块，因为它提供的基本功能是基本模板的一部分。

什么（开箱即用）角度模式可以实现这样一个基于模板继承的动态模块依赖系统？我想在独立模块中使用特定于子代码的代码（而不是将它们绑定到全局应用程序模块）

AngularJS与Django模板继承

0 个答案: