Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/django/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 无法在django模板中显示角度应用程序数据_Angularjs_Django - Fatal编程技术网

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

Angularjs 无法在django模板中显示角度应用程序数据,angularjs,django,Angularjs,Django,请帮我解决这个问题。这个angular代码可以在本地工作,但不能在django模板中工作。 我把这个静态文件称为base.html主体的末尾 <script src="{% static "js/angular.min.js" %}"></script> <script src="{% static "js/restangular.min.js" %}"></script> <script src="{% static "js/angular

请帮我解决这个问题。这个angular代码可以在本地工作,但不能在django模板中工作。 我把这个静态文件称为base.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>
}))


它显示table元素,但不能显示任何数据

AngularJS和Django-模板标签冲突谢谢。请给我另一个链接,供初学者重新使用语言?@RaisulIslam尝试加入IRC聊天室或gitter聊天室,以便在升级时获得更多交互式帮助,一般来说,您希望将视图渲染和模板处理全部留给angular,只需传输渲染视图所需的数据。这将使开发和调试变得更加简单,并保持前端和后端的解耦,这样您就可以用不同的语言编写不同的服务层组件或客户机,并且只需要一个通用的JSON数据接口。
<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>
var app = angular.module('newApp', []);
app.controller('angCtrl', function($scope) {
    $scope.name = "";
});

app.controller('angCtrl', function($scope) {
    $scope.contactlist = [
      {id:'1',name:'raisul',contact:'+8801723844330'},
      {id:'2',name:'Rafikul',contact:'+8801723564330'},
      {id:'3',name:'Shariful',contact:'+8801726864330'},
      {id:'4',name:'kamarul',contact:'+8801723764330'},
      {id:'5',name:'Ashraful',contact:'+8801728864330'},
      {id:'6',name:'Jamarul',contact:'+8801723964330'},
      {id:'7',name:'Rahul',contact:'+8801723861330'},
      {id:'8',name:'Rashidul',contact:'+8801725864330'},
    ]