File tree Expand file tree Collapse file tree 2 files changed +39
-37
lines changed Expand file tree Collapse file tree 2 files changed +39
-37
lines changed Load Diff This file was deleted.
Original file line number Diff line number Diff line change @@ -3,10 +3,48 @@ import { Component } from '@angular/core';
33import { northwind } from '@activewidgets/examples/data' ;
44import * as flags from '@activewidgets/examples/flags' ;
55import options from './options' ;
6- import template from './app.html' ;
76import './styles.css' ;
87
98
9+ const template = `
10+
11+ <ax-datagrid [columns]="columns" [rows]="rows" [options]="options" (row)="onRow($event)">
12+
13+ <ng-template name="company" let-data="data">
14+ <div>
15+ <div class="bold blue">{{data.customerID}}</div>
16+ <div class="small">{{data.companyName}}</div>
17+ </div>
18+ </ng-template>
19+
20+ <ng-template name="contact" let-data="data">
21+ <div>
22+ <div class="bold">{{data.contactName}}</div>
23+ <div class="small">{{data.contactTitle}}</div>
24+ </div>
25+ </ng-template>
26+
27+ <ng-template name="address" let-data="data">
28+ <div>
29+ <div class="small">{{data.address}}</div>
30+ <div class="small">{{data.postalCode}} <span>{{data.city}}</span></div>
31+ </div>
32+ </ng-template>
33+
34+ <ng-template name="country" let-text="text">
35+ <div><img [src]="flags[text]"/>{{text}}</div>
36+ </ng-template>
37+
38+ <ng-template name="phone" let-data="data">
39+ <div>
40+ <div class="small phone">{{data.phone}}</div>
41+ <div class="small fax">{{data.fax}}</div>
42+ </div>
43+ </ng-template>
44+
45+ </ax-datagrid>` ;
46+
47+
1048export class App {
1149
1250 constructor ( ) {
You can’t perform that action at this time.
0 commit comments