Question

我有一个用Flask_wtf创建的表单。现在我尝试添加angularJS来在表单上进行用户名/密码最小长度验证等。

我试过了： Flask-WTF创建表单并按下提交按钮

_form = LoginForm()  # Flask-WTF: Construct a LoginForm
if _form.validate_on_submit():  # POST request with valid data?
# Retrieve POST parameters
_username = _form.username.data
_passwd   = _form.passwd.data

我试过了： Form.html

{% import 'macros.html' as macros %}

{% extends "base.html" %}{# in app_main's templates folder #}
{% block title %}Login{% endblock %}
{% block content %}
{{ super() }}{# Render the contents of the parent block #}
<h1>Login</h1>

<!-- loginpage -->
<form method="POST">
  {{ form.hidden_tag() }}{# Render any hidden fields, including the CSRF #}

  <div class="field">{{ form.username.label }} {{ form.username }}</div>
  {{ macros.show_field_errors(form.username.errors) }}

  <div class="field">{{ form.passwd.label }} {{ form.passwd }}</div>
  {{ macros.show_field_errors(form.passwd.errors) }}

  <div class="field">{{ form.submit }}</div>
</form>   

<div ng-app="mainApp" ng-controller="loginController">
 ........
</div><!--end of ng-app-->
{% endblock %}

问题：将我的登录页面放在ng-app＆lt; div>并提交按钮效果很好。但当我把它放在ng-app＆lt; div>提交按钮将不再有效。我错过了什么吗？

我已经更改了Angular $ interpolateProvider

var app = angular.module('mainApp', []).config(function($interpolateProvider) {
$interpolateProvider.startSymbol('{$');
$interpolateProvider.endSymbol('$}');

我已经检查了其他questions，但它并没有通过更改插值来解决我的问题。

谢谢你的时间！

在angularJS ng-app中使用Flask_wtf

0 个答案: