我有一個使用ng重複的列的表，現在我想隱藏第一列和第三列。有誰知道我會怎麼做？試圖隱藏ng-repeat的第一列和第三列
ng-hide="$first&&$third"
沒有工作
這是它的外觀大氣壓：
<th role="columnheader" ng-repeat="column in tableColumns" ng-hide="$first&&$third" ng-if="column.visible">{{column.displayName}}</th>
試試這個
<!DOCTYPE html>
<html>
<head>
\t <title></title>
\t <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
\t <script type="text/javascript">
\t \t var myapp = angular.module('myapp', []);
\t \t myapp.controller('FirstCtrl', function($scope) {
\t \t \t $scope.collectioninfo = [{
\t \t \t \t "CompID": "0001388D",
\t \t \t \t "CompName": "INFY",
\t \t \t \t "CompLoc": "IN"
\t \t \t },
\t \t \t {
\t \t \t \t "CompID": "0001388D2",
\t \t \t \t "CompName": "TCS",
\t \t \t \t "CompLoc": "IN"
\t \t \t },
\t \t \t {
\t \t \t \t "CompID": "0001388D23",
\t \t \t \t "CompName": "WIPRO",
\t \t \t \t "CompLoc": "IN"
\t \t \t },
\t \t \t {
\t \t \t \t "CompID": "0001388D23",
\t \t \t \t "CompName": "WIPRO",
\t \t \t \t "CompLoc": "IN"
\t \t \t },
\t \t \t {
\t \t \t \t "CompID": "0001388D23",
\t \t \t \t "CompName": "WIPRO",
\t \t \t \t "CompLoc": "IN"
\t \t \t },
\t \t \t {
\t \t \t \t "CompID": "0001388D23",
\t \t \t \t "CompName": "WIPRO",
\t \t \t \t "CompLoc": "IN"
\t \t \t },
\t \t \t {
\t \t \t \t "CompID": "0001388D23",
\t \t \t \t "CompName": "WIPRO",
\t \t \t \t "CompLoc": "IN"
\t \t \t },
\t \t \t {
\t \t \t \t "CompID": "0001388D23",
\t \t \t \t "CompName": "WIPRO",
\t \t \t \t "CompLoc": "IN"
\t \t \t }
\t \t \t ]
\t \t \t $scope.checkIfHidden = function(index) {
\t \t \t \t if (index == 0 || index == 2) {
\t \t \t \t \t return true;
\t \t \t \t }else{
\t \t \t \t \t return false;
\t \t \t \t }
\t \t \t };
\t \t });
\t </script>
</head>
<body>
\t <div ng-app="myapp" ng-controller="FirstCtrl">
\t \t <div ng-repeat="val in collectioninfo track by $index">
\t \t \t index {{$index}}: <span ng-hide="checkIfHidden($index)">{{val.CompID}}</span>
\t \t </div>
\t </div>
</body>
</html>您可以使用這是一個計數器。並檢查計數器的值以添加列。請參閱下面的代碼作爲參考。
<tr ng-repeat="obj in OrderList">
<td>{{obj.ID}}</td>
<td>{{obj.Name}}</td>
<td ng-if="((++$index != 3)||($index != 1))">
<i>Delete</i>
</td>
</tr>
希望這會有所幫助。
這在第一和第三的位置在一個陣列
<span ng-hide="($index + 1) == ($first || ($first + 3))">{{val.CompID}}</span>
沒了隱藏任何價值，這只是隱藏第一列，而不是第三 – KleineKiwi
@KleineKiwi編輯我的答案現在檢查:) –
不是這樣的位「多」只是爲了隱藏2列？ – KleineKiwi