angular-ui/ui-grid
Auf GitHub ansehenTypescript Issue with Angular UI grid Tree View
Open
#4.232 geöffnet am 20. Aug. 2015
help wantedtype: enhancementtypescriptunknown
Repository-Metriken
- Stars
- (5.395 Stars)
- PR-Merge-Metriken
- (Keine gemergten PRs in 30 T)
Beschreibung
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.