File tree 2 files changed +39
-37
lines changed
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';
3
3
import { northwind } from '@activewidgets/examples/data' ;
4
4
import * as flags from '@activewidgets/examples/flags' ;
5
5
import options from './options' ;
6
- import template from './app.html' ;
7
6
import './styles.css' ;
8
7
9
8
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
+
10
48
export class App {
11
49
12
50
constructor ( ) {
You can’t perform that action at this time.
0 commit comments