angular-ui/ui-grid
Voir sur GitHubTypescript Issue with Angular UI grid Tree View
Open
#4 232 ouverte le 20 août 2015
help wantedtype: enhancementtypescriptunknown
Métriques du dépôt
- Stars
- (5 395 stars)
- Métriques de merge PR
- (Aucune PR mergée en 30 j)
Description
Below is a usual angularJS html sample using ui-grid-tree-view, which renders properly.
<div id="grid1" ui-grid="gridOptions" ui-grid-tree-view class="grid">
when converting the code to typescript, ui-grid-tree-view directive is not rendering, even the pre function in the directive is not being reached.
For typescript code, "gridOptions" is being added as a public var to the controller class. Relevant code sample:
export class MyController{
constructor(){
this.gridOptions = {
columnDefs: [
{ name: 'Name', width: '15%' },
{ name: 'Description', width: '15%' },
{ name: 'IsActive', cellTemplate: '<ul ng-if="row.entity.IsActive == true"><li style="color:green"></li></ul><ul ng-if="row.entity.IsActive== false"><li style="color:red"></li></ul>', width: '10%' }
]
}
}
}
Created the required dataArray for tree view using a recursion function. Using in HTML:
<div ng-controller="MyController as ctrl"
<div id="grid1" ui-grid="ctrl.gridOptions" ui-grid-tree-view class="grid"></div>
</div>
Any suggestions are welcome.