Question

无论我尝试使用ng-repeat，它总是会像这样返回空白：

<div ng-repeat="n in [1,2,3]">{{ n }}</div>

打印3次但打印空信息。

Libraries - Angular 1.4.8，angular-material - 1.0.3

原因：它适用于直接的html文件，但如果我使用Django提供相同的html，它会循环3次但显示空消息。那么，如何使它与Django一起使用？

Answer 1

从 Angular 1.3及以上 ng-repeat指令开始，应位于{{1>}

内
尝试了两个不同的小提琴后：

Angular 1.1：它开箱即用，甚至无需声明Controller

Angular 1.4：如果您只是声明Controller，它首先不起作用。但如果碰巧存在ng-repeat，那么它就可以了。所以你需要$scope

Angular 1.2及以下：

<强> HTML： Controller

Angular 1.3及以上：

<强> HTML： <div ng-repeat="n in [1,2,3]">{{ n }}</div>

<强>的Javascript

（您需要<div ng-controller="AppCtrl"> <div ng-repeat="n in [1,2,3]">{{ n }}</div> </div>Js:，因此空$scope就够了）：

Controller

Answer 2

它应该根据您提供的信息工作。它与材料没有任何关系。

<div ng-repeat="n in [1,2,3]">
    <div layout="row" flex class="content-wrapper">
        <h1>  {{ n }}</h1>
    </div>
</div>

<强>更新：

对于角度为1.3及以上版本，您应该像这样全局定义控制器，

app.controller('AppCtrl', ['$scope', function($scope) {

}])

这是工作Application

更新了Fiddle

ng-repeat中显示空消息

2 个答案:

Angular 1.2及以下：

Angular 1.3及以上：