无法在django模板中显示角度应用数据

时间:2017-06-04 16:34:35

标签: angularjs django

请帮我解决这个问题。这个角度代码在本地工作但不能在django模板中工作。 我将此静态文件称为base.html主体的末尾

' From Larry Allen
' https://www.knowbrainer.com/forums/forum/messageview.cfm?catid=12&threadid=12153&highlight_key=y&keyword1=eject
' http://archive.is/Y2ouS
' Tested with Dragon NaturallySpeaking 12.5 with Windows 7 SP1 x64 Ultimate
Declare Sub mciSendStringA Lib "winmm.dll" (ByVal lpstrCommand As String, _
ByVal lpstrReturnString As String, ByVal uReturnLength As Long, _
ByVal hWndCallback As Long)

Sub Main
Dim dummy As String
    mciSendStringA "Set CDAudio Door Open", dummy, 0, 0
End Sub

这是contactlist.html

<script src="{% static "js/angular.min.js" %}"></script>
<script src="{% static "js/restangular.min.js" %}"></script>
<script src="{% static "js/angular-ui-router.min.js" %}"></script>

这是app.js

<div id="contactlist" ng-app="newApp">
    <div class="container" ng-controller="angCtrl">
        <h1 class="text-center">Search contact for {{myModel}}</h1>
        <form>
          <div class="input-group">
            <input type="text" class="form-control" ng-model="myModel" 
             placeholder="Search Contact">
            <div class="input-group-btn">
              <button class="btn btn-default" type="submit">
                <i class="fa fa-search"></i>
              </button>
            </div>
          </div>
        </form>

        <div class="all">
          <table class="table table-hover text-center">
            <thead>
              <tr>
                <th class="text-center">Id</th>
                <th class="text-center">Name</th>
                <th class="text-center">Contact Number</th>      
              </tr>
            </thead>
            <tbody>

              <tr ng-repeat="contact in contactlist | filter:myModel | 
                  orderBy: 'name'">
                <td>{{contact.id}}</td>
                <td>{{contact.name}}</td>
                <td>{{contact.contact}}</td> 
              </tr>

            </tbody>
          </table>
        </div>
    </div>
</div>

});

它显示了表格元素,但无法显示任何数据

0 个答案:

没有答案