AngularJS指令don'；我似乎不能和Python一起工作_Python_Directive

AngularJS指令don'；我似乎不能和Python一起工作

python

AngularJS指令don'；我似乎不能和Python一起工作,python,directive,Python,Directive,尽管我的问题可能很常见，但我找不到一个明确的答案。我是AngularJS的初学者，有一个非常简单的代码不起作用，实际上我所有的指令都不起作用。这是我的小项目 /templates -index.html -header.html -script.js mainapp.py 在index.html中有 <!DOCTYPE html> <html data-ng-app> <head> <script src="http

尽管我的问题可能很常见，但我找不到一个明确的答案。我是AngularJS的初学者，有一个非常简单的代码不起作用，实际上我所有的指令都不起作用。这是我的小项目

/templates
    -index.html
    -header.html
    -script.js
mainapp.py

在index.html中有

<!DOCTYPE html>
<html data-ng-app>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</head>
<body>
    <div data-ng-include="'header.html'"></div>
</body>
</html>

script.js中没有任何内容

当我运行mainapp.py时，我希望看到“我应该看到这个”，但我没有看到，因为指令似乎不起作用。但是，如果我单独尝试html代码（例如在Plunker上），它工作得很好

我假设有我需要做的配置，但我不知道什么，有什么想法吗？（如果有人能解释为什么它不起作用，那就太好了）

请注意，使用data-before指令不会改变问题

谢谢

这个问题与Flask如何处理静态文件和模板有关。在您的情况下，header.html文件实际上是一个静态文件，而不是一个Flask模板

将目录结构更改为：

├── mainapp.py
├── static
│   └── partials
│       └── header.html
└── templates
    └── index.html

然后将

ng include

更新为：

<div data-ng-include="'header.html'"></div>

如果这是我，我甚至不会使用“模板”目录。只需从静态目录中提供一个your index.html文件，这样当最终用户点击主路径时，Angular就会接管。然后，您就可以通过针对RESTful API发出AJAX请求与服务器端进行交互。

我想提供帮助，但回答您的问题需要很长时间，只需给您一个提示—知道如何将angular应用程序连接到flask API—Route我当然可以用您的提示进行调查，谢谢。如果我能找到答案，我会把它贴出来，如果找不到，我会把我的绝望贴出来。。。我们拭目以待！谢谢你，迈克尔，如果我写信的话，它确实起作用了。不过，我仍然不理解一个特殊的行为，当我启动python时，它工作得很好，但是如果我通过双击启动html，这并不重要，但我有点好奇，为什么双击是什么意思？您的意思是转到实际文件，然后双击以使其在默认浏览器中打开？

├── mainapp.py
├── static
│   └── partials
│       └── header.html
└── templates
    └── index.html

<div data-ng-include="'header.html'"></div>