2016-05-30 5 views
1

Представьте себе, что у меня есть ниже структура:Скрыть столбец в AngularJs

 $scope.gridOptions = { 
       enableHorizontalScrollbar: 1, 
       enableFiltering: true, 
       paginationPageSizes: [150, 300, 450], 
       paginationPageSize: 150, 
       rowHeight: 110, 
       data: data, 
       columnDefs: [ 
{ name: 'IdQuestion', field: 'IdQuestion', displayName: 'Question Number' , enableCellEdit: false , width :'60' },   
{ name: 'Category', field: 'Category', displayName: 'Category' , enableCellEdit: false , width :'83' } 

Мне нужно создать кнопку для того, чтобы скрыть столбец Категории, я думал, что это будет работать:/

$("#gridOptions").field("Category").hide(); 

, но это не помогло, вы можете сообщить мне правильный путь доступа к столбцу категории. Спасибо заранее.

+1

Вы смешиваете jQuery и углы здесь. Обычно вы можете делать это полностью из углового с помощью директив «ng-hide» или «ng-show». Используйте кнопку, чтобы переключить значение привязки на них, может быть? – Adwaenyth

+0

спасибо Гюнтеру, я ищу хороший пример для такого, у вас есть кто-нибудь? – user1187282

ответ

1
<label ng-show="gridOptions[0].enableCellEdit">Category</label> 

в приведенном выше коде, если enableCellEdit истинно, тогда эта метка будет показывать другие мудрые свойства, которые она скроет.

+0

спасибо thigala, как я могу добавить его в определение столбца, будет ли эта работа: name: 'Category', field: 'Category', displayName: 'Category', enableCellEdit: false, width: '83 ', ng-show : "gridOptions [0] .enableCellEdit"} – user1187282

+0

поделитесь своим кодом в файле fiddle.or post html code –

Смежные вопросы