AngularJS - 조건부 속성이 변수와 함께 작동하지 않습니까?

Question

아래는 내 각도 컨트롤러

각도 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을 직접 입력하면됩니다.

Answer 1

컨트롤러 이름 'groupStanding'이며 data-ng-controller="groupStanding" 그것이 있어야

Answer 2

이 시도 :

{{groupelimit}} 

groupelimit이어서 해당 컨트롤러에서의 값으로 대체 될 것이다.

Answer 3

당신이 놓친 '{'{$index+1}}

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

에 이유를 수