2014-10-17 4 views
3

Это должно быть базовым, но я не могу получить угловой способ играть с Flask. Угловые и колба имеет тот же синтаксис переменной интерполяции {{ variable }} и согласно сообщению в блоге, я могу использовать трубу различать два, но ниже, вызывает ошибку, которая считывает no filter named 'angular'Установка AngularJS с флягой

<!DOCTYPE html> 
<html ng-app> 
    <head> 
    <meta charset="utf-8"> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script> 
    <script type="text/javascript" src= "http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script> 
    </head> 
    <body> 
    <label>{{ yourName | angular }}</label> 
    <input type="text" ng-model="yourName" placeholder="Enter a name here"> 
    </body> 
</html> 
+0

Можете ли вы подробно рассказать о проблеме, которую вы испытываете? – dirn

+0

Что сообщение в блоге вам об этом говорило? Он предоставил «угловой» фильтр, чтобы вы могли его зарегистрировать самостоятельно? – dirn

+0

@ dirn my bad, это был не блог, а библиотека под названием Flask Triangle - http://flask-triangle.readthedocs.org/en/latest/installing.html. Я не понимал, что это была библиотека, которую нужно было установить, но теперь у меня это работает. –

ответ

0

вы используете render_template в отправить этот документ HTML? Если это так, проблема в том, что вы используете Jinja2, а не Angular. Jinja2 не имеет фильтра, называемого угловым. Это может быть исправлено путем добавления raw Заблокировать

<label>{% raw %}{{ yourname | angular }}{% endraw %}</label> 
5

Поскольку оба AngularJS и использование системы шаблонов дзиндзя «{{}}» символы, вам нужно добавить расширение опоки, чтобы справиться с этой проблемой. Используйте удлинение флакона Треугольника.

Внесите пример приложения в треугольный конструктор. Пожалуйста, проверьте код ниже.

app = Flask(__name__) 
Triangle(app) 

Для получения дополнительной информации перейдите на страницу here.

+2

Хотя этот фрагмент кода может решить вопрос, [включая объяснение] (http://meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers) действительно помогает улучшить качество вашего сообщения. Помните, что вы отвечаете на вопрос читателей в будущем, и эти люди могут не знать причин вашего предложения кода. – msrd0

0

Один из вариантов заключается в том, чтобы полностью отделить приложение фляги и приложение AngularJS. Таким образом, вы не столкнетесь с проблемой интерполяции и удалите (или, по крайней мере, уменьшите) соединение колбы и углов в приложении. Я написал простую серию учебников по использованию Flask и AngularJS вместе. Я думаю, что это действительно поможет вам использовать AngularJS и Flask вместе - http://tutsbucket.com/tutorials/building-a-blog-using-flask-and-angularjs-part-1/

Смежные вопросы