即使修改了开始和结束插值标记,Angular Expressions {{}}也无法在flask中工作

时间:2017-06-22 00:48:13

标签: javascript python angularjs flask jinja2

我是棱角分明的新手。我正在开发一个简单的网络应用程序。我在网页上显示从数据库中重新获取的记录列表,其中我使用双开口和大括号作为表达式,但它不起作用,因为Flask使用Jinja2引擎渲染模板,而Jinja2也使用双花括号{{}插入值。因此,我使用了这个link中给出的解决方案。它适用于单独/单个表达式,但不适用于我在表格中显示为列表的数据。

我在标签标题中看到的错误消息是

  

“TemplateSyntaxError:遇到未知标签'endfor'。// Werkzeug   调试器“

这是我的角度代码

<script>
angular.module('myapp', [])
.controller('myctrl', ['$scope', function($scope) {
    $scope.myname = "Howdy !!";
}])
.config(function($interpolateProvider) {
    $interpolateProvider.startSymbol('//').endSymbol('//');
});
</script>

这是我的HTML代码

<div ng-app="myapp" ng-controller="myctrl">
        //myname//
        <table>
        <caption> Todo List</caption>
            <thead>
                <tr>
                    <td>
                        <input type="text" id="addText" name="text" ng-model="addMe">
                        <input type="submit"  name="my-form" value="Add Task" >

                    </td><td>
                    Search :<input type="text"> 

                    </td>
                </tr>
                <tr>
                    <th>Task Id</th>
                    <th>Task</th>
                </tr>
            </thead>

            <tbody>

                {% for user in User %}
                <tr ng-repeat= "user in User">
                    <td>
                    //user.uid//

                    </td>
                    <td>//user.taskname//

                        <span style="padding-right:3px; padding-top: 3px; display:inline-block;" ></span>
                        <input type="image" class="deleteImg" src="static/img/trash_can.png" height="15px" width="18px" name="removeId" value={{user.uid}} ></input> 
                         <input type="image"  id='addButton' src="static/img/editbtn.svg" height="15px" width="18px" name="editId" value={{user.uid}} ></input>

                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>

    </div>

0 个答案:

没有答案