ng-if 不使用 ng-repeat 和单选按钮

Question

我有以下html模板：

    <div ng-app ng-controller="Ctrl">
    <div class="cont">
        <table>
        <tr><th ng-repeat="column in columns">{{column}}</th></tr>
        
        <tr ng-repeat="(i, row) in people">
          <td ng-repeat="(j, column) in columns">
            <input type="radio" name="select" ng-if="column === 'id'">
            <span>{{row[column]}}</span>
          </td>
        </tr>
        </table>                        
    </div>    
</div>

然后我定义我的 Ctrl 如下

function Ctrl($scope) {

    $scope.selectedId = 'aaaaa';
    
    $scope.columns = ['id','name', 'age'];
    
    $scope.people=[
        { 
            'id':'aaaaa', 'name':'rachit', 'age':11
        },
        { 
            'id':'bbbbb', 'name':'gulati', 'age':12
        },
        { 
            'id':'ccccc', 'name':'rocks', 'age': 13
        }
    ]
}

https://jsfiddle.net/en91zuxb/

它显示所有项目的单选输入，而我的意图是仅在第一列上显示单选按钮，因为第一列是id列... ...

Answer 1

看来您的角度版本很旧，这是与 angularjs < 1.2 相关的错误。 尝试升级您的 angularjs 版本或使用 ng-show 代替。

以下代码对我有用。

<input type="radio" name="select" ng-show="column == 'id' ">