chore: rename modules/examples to modules/playground
The directory contains code authored in a style that makes it transpilable to dart. As such, these are not idiomatic examples of Angular 2 usage. The main purpose of this directory is to enable experimentation with Angular within the angular/angular repository. Closes #4342 Closes #4639
This commit is contained in:

committed by
Flavio Corpa Ríos

parent
c3ab20cc87
commit
e4e74ae65c
11
modules/playground/src/jsonp/index.html
Normal file
11
modules/playground/src/jsonp/index.html
Normal file
@ -0,0 +1,11 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<title>Hello Jsonp</title>
|
||||
<body>
|
||||
<jsonp-app>
|
||||
Loading...
|
||||
</jsonp-app>
|
||||
|
||||
$SCRIPTS$
|
||||
</body>
|
||||
</html>
|
7
modules/playground/src/jsonp/index.ts
Normal file
7
modules/playground/src/jsonp/index.ts
Normal file
@ -0,0 +1,7 @@
|
||||
import {bootstrap} from 'angular2/bootstrap';
|
||||
import {JSONP_PROVIDERS} from 'angular2/http';
|
||||
import {JsonpCmp} from './jsonp_comp';
|
||||
|
||||
export function main() {
|
||||
bootstrap(JsonpCmp, [JSONP_PROVIDERS]);
|
||||
}
|
22
modules/playground/src/jsonp/jsonp_comp.ts
Normal file
22
modules/playground/src/jsonp/jsonp_comp.ts
Normal file
@ -0,0 +1,22 @@
|
||||
import {Component, View, NgFor} from 'angular2/angular2';
|
||||
import {Jsonp, Response} from 'angular2/http';
|
||||
import {ObservableWrapper} from 'angular2/src/core/facade/async';
|
||||
|
||||
@Component({selector: 'jsonp-app'})
|
||||
@View({
|
||||
directives: [NgFor],
|
||||
template: `
|
||||
<h1>people</h1>
|
||||
<ul class="people">
|
||||
<li *ng-for="#person of people">
|
||||
hello, {{person['name']}}
|
||||
</li>
|
||||
</ul>
|
||||
`
|
||||
})
|
||||
export class JsonpCmp {
|
||||
people: Object;
|
||||
constructor(jsonp: Jsonp) {
|
||||
jsonp.get('./people.json?callback=JSONP_CALLBACK').subscribe(res => this.people = res.json());
|
||||
}
|
||||
}
|
2
modules/playground/src/jsonp/people.json
Normal file
2
modules/playground/src/jsonp/people.json
Normal file
@ -0,0 +1,2 @@
|
||||
// This can only be requested once due to constant method name :(
|
||||
__ng_jsonp__.__req0.finished([{"name":"caitp"}])
|
Reference in New Issue
Block a user