私は列にng repeatを使用するテーブルを持っています。誰が私がそれをどうやってやるか知っていますか？ng-repeatの最初と3番目の列を非表示にしようとしています
<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>あなたが使用することができます試してみてください。
ng-hide="$first&&$third"
これは、それは気圧がどのように見えるかです
動作しませんでしたそのためのカウンター。そして、列の追加のためにカウンタの値をチェックしてください。これを参照として以下のコードを参照してください。
<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が今チェック:) –
は、このAではない私の答えを編集し、最初の列が非表示になります2つの列を隠すための "たくさんの"ビット？ – KleineKiwi