Question

这不起作用的原因？这是HTML ng-repeat不起作用。我无法理解它有什么问题。我检查了一切，但它仍然是相同的东西，看起来这篇文章大部分都是代码，所以我需要在这里添加更多的单词与大家分享。我认为这个信息已经足够了

    <!doctype html>
<html ng-app="telebe">
<head>
<meta charset="utf-8">
<link href="bootstrap.min.css" type="text/css" rel="stylesheet" />
<title>AngularJS Practice</title>
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
</head>

<body>
    <div>
        <div ng-controller="BodyController as bc">
        <table class="table table-responsive">
            <tr>
            <th>Name</th>
            <th>Surname</th>
            <th>Age</th>
            </tr>
            <tr ng-repeat="telebe in telebeler" >
                <td>
                    {{telebe.ad}}
                </td>
                <td>
                    {{telebe.soyad}}
                </td>
                <td>
                    {{telebe.age}}
                </td>
            </tr>
        </table>
        </div>

    </div>
</body>
</html>

这是app.js

app = angular.module("telebe",[ ]);

app.controller("BodyController",function(){
    this.telebeler = [{ad:'Murad',soyad:"Ramazanli",qrup:'b',id:5,age:22},{ad:'Sultan',soyad:"Esgerov",qrup:'a',id:2,age:14},{ad:'Nazim',soyad:"Memmedov",qrup:'c',id:1,age:23},{ad:'Leyla',soyad:"Semedova",qrup:'b',id:3,age:24}];
});

Answer 1

尝试将telebeler更改为bc.telebeler：

    <tr ng-repeat="telebe in bc.telebeler track by $index" >
        <td>
            {{telebe.ad}}
        </td>
        <td>
            {{telebe.soyad}}
        </td>
        <td>
            {{telebe.age}}
        </td>
    </tr>

See this plunker ，正在运作。

只需在track by $index中添加ng-repeat即可参阅上述更新。请参阅此 error reference 以了解更多

Answer 2

你忘了传递$ scope参数。在分配this值

时，将$scope替换为telebeler

app.controller("BodyController",function($scope){
        $scope.telebeler = [{ad:'Murad',soyad:"Ramazanli",qrup:'b',id:5,age:22},{ad:'Sultan',soyad:"Esgerov",qrup:'a',id:2,age:14},{ad:'Nazim',soyad:"Memmedov",qrup:'c',id:1,age:23},{ad:'Leyla',soyad:"Semedova",qrup:'b',id:3,age:24}];
    });

它没有返回任何东西

2 个答案: