角度jsの条件に基づいてUIグリッドテンプレートを隠す1

Question

フィールドキーは常にブール値を持ちます。値がの場合はtrueセルテンプレートを表示、そうでない場合は非表示にします。

私は非常に単純な解決策を見つける

columnDefs: [{ 
      displayName: 'Advanced', 
      field: 'advanced', 
      enableSorting: true, 
      enableFiltering: true, 
      enableColumnResizing: false, 
      cellTemplate: 'scripts/components/profiles/tm/programs/datagrid/advancedCellTemplate.html', 
      maxWidth: 108, 
      filter: { 
       type: uiGridConstants.filter.SELECT, 
       selectOptions: controller.programsPackage 
      } 
     }] 

Answer 1

、私はちょうどフィールドに基づいてセルのテンプレートに条件を追加する必要がありますあなたがangular.extendまたはObject.assignを使用することができます値

'<div ng-if="row.entity.advanced">' 

Answer 2

を進めましたこのように

const fields = [angular.extend({}, { 
    displayName: 'Advanced', 
    field: 'advanced', 
    enableSorting: true, 
    enableFiltering: true, 
    enableColumnResizing: false, 
    maxWidth: 108, 
    filter: { 
     type: uiGridConstants.filter.SELECT, 
    selectOptions: controller.programsPackage 
    } 
}, field ? { 
    cellTemplate: 'scripts/components/profiles/tm/programs/datagrid/advancedCellTemplate.html' 
} : null)]