以下是一个使用AngularJS的ng-repeat指令来显示/隐藏行的表格的示例代码:
HTML代码:
{{data.name}}
{{data.age}}
{{data.gender}}
JavaScript代码:
angular.module('myApp', []).controller('myController', function($scope) {
$scope.myData = [
{ name: 'John', age: 25, gender: 'Male', isVisible: true },
{ name: 'Jane', age: 28, gender: 'Female', isVisible: false },
{ name: 'Dave', age: 30, gender: 'Male', isVisible: true },
{ name: 'Emily', age: 22, gender: 'Female', isVisible: false }
];
});
在上面的示例中,使用ng-repeat指令循环遍历myData数组中的每个对象。每个对象代表表格中的一行数据。通过设置ng-show指令来控制行的显示/隐藏。isVisible属性的值决定了行是否显示。