-
Notifications
You must be signed in to change notification settings - Fork 2
/
patterns.txt
62 lines (53 loc) · 1.13 KB
/
patterns.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
{@Query} factory for creating annotations, decorators or DSL.
## Example as TypeScript Decorator
```
import {Query, QueryList, Component, View} from "angular2/angular2";
@Component({...})
@View({...})
class MyComponent {
constructor(@Query(SomeType) queryList: QueryList) {
...
}
}
```
## Example as ES5 DSL
```
var MyComponent = ng
.Component({...})
.View({...})
.Class({
constructor: [new ng.Query(SomeType), function(queryList) {
...
}]
})
```
## example as TypeScript
Component({
selector: 'bank-account',
template: `
Bank Name:
Account Id:
`
})
class BankAccount {
@Input() bankName: string;
@Input('account-id') id: string;
// this property is not bound, and won't be automatically updated by Angular
normalizedBankName: string;
}
## example as Javascript
var BankAccount = ng
.Component({
selector: 'bank-account',
template: '<b>{{ bankName }}<b><span>{{ id }}',
inputs: [
'bankName',
'id: accountId'
]
})
.Class({
constructor: function() {
this.bankName = null;
this.id = null;
}
});