为什么ngRepeat无法在angularjs中使用值

时间:2018-09-18 14:12:32

标签: javascript angularjs

我有以下代码

http://jsfiddle.net/wnWY6/682/

HTML

<div ng-app>
    <div ng-controller="TestCtrl" ng-repeat="icecream in iceCreams track by $index">
        <div ng-repeat="a in range(icecream.rating)"> star icon</div>
        <div ng-repeat="a in range(icecream.rating)"> star icon</div>
    </div>
</div>

JS

function TestCtrl($scope) {
        $scope.iceCreams = [
        {
        name: "toto",
        rating: "3",
      },
      {
        name: "fofo",
        rating: "4",
      },
    ];
    $scope.range = function(n) {
        return new Array(parseInt(n));
    };
};

但是它什么也没显示,我不确定自己做错了什么。任何帮助将不胜感激。谢谢

1 个答案:

答案 0 :(得分:0)

如果使用false,则需要将控制器注册到模块。但是在此之前,您需要使用true实例化该模块。

然后添加一个工作示例就足够了:

ng-controller

除此问题外,您需要将ng-app="app"angular.module('app', []).controller('TestCtrl', TestCtrl); 分开,否则您将拥有同一控制器的多个实例。另外,您需要ng-controller来使用内部ng-repeat


完整代码:

track by $index
ng-repeat