AngularJS - 条件属性不适用于变量?

时间:2016-11-30 11:03:05

标签: javascript angularjs angularjs-scope

以下是我的角度控制器

Angular JS

var multistage = angular.module("multistage", []);

multistage.controller('groupStanding', function($scope1) {
    $scope1.grouplimit = 3;
    $scope1.competitorDTL = <?php echo json_encode($competitorDtl); ?>;
    console.log($scope1.grouplimit);
});

这是我下面的html代码......

HTML

    <tbody data-ng-controller="fixtureController">
        <tr data-ng-repeat="comp in competitorDTL">
        <td>
          <span class="badge" data-ng-if="$index+1 <= grouplimit">        
          {{$index+1}}</span> {{ comp.name}}
       </td>

    </tr>
    </tbody>

它不起作用,我无法确切地确定问题是什么?如果我替换grouplimit变量并直接放3,那么它的工作正常。

3 个答案:

答案 0 :(得分:0)

试试这个:

{{groupelimit}}

groupelimit将被相应控制器中的值替换。

答案 1 :(得分:0)

你错过了&#39; {&#39;在{$index+1}}

<td><span class="badge" data-ng-if="$index+1 <= grouplimit">{$index+1}}</span>{{ comp.name}}

这可能是原因

答案 2 :(得分:0)

您的控制器名称为'groupStanding',您已使用data-ng-controller="fixtureController"将其更改为data-ng-controller="groupStanding"