Javascript angular.js：如果表达式为true，则删除html元素

我的控制器中有集合

$scope.EventMarketCollection = [
        {
            Id: 1,
            EventMarketName: 'Full Time Result',
            OddsKey: 108,
            EventMarketOutcomes: [
                {
                    Id: 1,
                    OutcomeName: '1',
                    Odd: 3.25,
                    SumStake: 10,
                    BetSlipCount: 2
                },
                {
                    Id: 2,
                    OutcomeName: 'X',
                    Odd: 2.05,
                    SumStake: 110,
                    BetSlipCount: 1
                },
                {
                    Id: 3,
                    OutcomeName: '2',
                    Odd: 1.50,
                    SumStake: 21,
                    BetSlipCount: 5
                }
            ]
        }
    ];

我必须这样画html表格：

表td{
文本对齐：居中；
垂直对齐：中间对齐；
}
全日制成绩
古怪的
赔率键
股份总额
下注次数
1.
3.25
108
10
2.
X
2.05
110
1.
2.
1.50
21
5.

用于仅在第一行添加元素：

<td ng-if="$index === 0" rowspan="{{...}}" >{{eventMarket.OddsKey}}</td>

{{eventMarket.EventMarketName}
古怪的
赔率键
股份总额
下注次数
{{eventMarketOutcomeItem.OutcomeName}
{{eventMarketOutcomeItem.Odd}
{{eventMarket.OddsKey}
{{eventMarketOutcomeItem.sumstack}
{{eventMarketOutcomeItem.BetSlipCount}

执行rowspan操作时，必须删除“我要删除这些标记”下的所有标记