javascript - 在 Controller 中访问 ng-repeat $first 属性

Question

我有一个带有两个输入框的表格，我使用 ng-repeat 遍历了这些值，

<tr ng-repeat = "row in allRows" >
<td>

<input type="text" ng-model="row.name" ng-readonly="toogleRN && $first"/>
</td>
<td>
<input type="number" ng-model="row.age" ng-readonly="toogleRN && $first"/>
 </td>
 <td>
  <a role="button" class="btn btn-sm btn-default "
                         data-ng-click="toogleIt()" data-ng-show="$first"><span class="glyphicon glyphicon-search"> Edit</span>
                      </a>
 </td>
 </tr>
 </table>

我的 Controller 后面是我的 Controller

var app =  angular.module("TableDemo",[]);
app.controller('TableController',['$scope',function($scope){
    $scope.toogleRN=true;

    $scope.toogleIt= function()
    {
        $scope.toogleRN = !$scope.toogleRN;
        console.log($scope.toogleRN);
    };

    $scope.allRows=[{name:'Name_1',age:25},
                    {name:'Name_2',age:28},
                    {name:'Name_3',age:17},
                    {name:'Name_4',age:25},
                    {name:'Name_5',age:26}];
}]);

要求第一行默认是只读的，当点击“编辑”按钮时，它应该是可编辑的。通过使用上面的代码，它完全满足了我的要求，但我的问题是如何将 ng-readonly="toogleRN && $first" 移动到 Controller ？

Answer 1

使用函数:

ng-readonly="myFunction(toogleRN, $first, row.editable)"
// on the button 
 ng-click = row.editable = true
 // in the javascript
 $scope.myFunction = function(toogleRN, isFirt, isEditable){

 }