cargdev/angular
1
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

chore: rename modules/examples to modules/playground

Browse Source 
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:
kutyel
2015-10-10 00:25:17 +02:00
committed by Flavio Corpa Ríos
parent c3ab20cc87
commit e4e74ae65c
248 changed files with 190 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
modules/playground/src/zippy_component/index.html Normal file
View File

@ -0,0 +1,11 @@
<!doctype html>
<html>
<title>Zippy Angular 2.0</title>
<body>
<zippy-app>
Loading...
</zippy-app>
$SCRIPTS$
</body>
</html>

25
modules/playground/src/zippy_component/index.ts Normal file
View File

@ -0,0 +1,25 @@
import {bootstrap} from 'angular2/bootstrap';
import {Component, View, NgFor} from 'angular2/core';
import {Zippy} from './zippy';
@Component({selector: 'zippy-app'})
@View({
template: `
<zippy (open)="pushLog('open')" (close)="pushLog('close')" title="Details">
This is some content.
</zippy>
<ul>
<li *ng-for="var log of logs">{{log}}</li>
</ul>
`,
directives: [Zippy, NgFor]
})
class ZippyApp {
logs: string[] = [];
pushLog(log: string) { this.logs.push(log); }
}
export function main() {
bootstrap(ZippyApp);
}

8
modules/playground/src/zippy_component/zippy.html Normal file
View File

@ -0,0 +1,8 @@
<div class="zippy">
<div (click)="toggle()" class="zippy__title">
{{ visible ? '&blacktriangledown;' : '&blacktriangleright;' }} {{title}}
</div>
<div [hidden]="!visible" class="zippy__content">
<ng-content></ng-content>
</div>
</div>

21
modules/playground/src/zippy_component/zippy.ts Normal file
View File

@ -0,0 +1,21 @@
import {Component, View, EventEmitter} from 'angular2/angular2';
import {ObservableWrapper} from 'angular2/src/core/facade/async';
@Component(
{selector: 'zippy', inputs: ['title'], outputs: ['openHandler: open', 'closeHandler: close']})
@View({templateUrl: 'zippy.html'})
export class Zippy {
visible: boolean = true;
title: string = '';
openHandler: EventEmitter = new EventEmitter();
closeHandler: EventEmitter = new EventEmitter();
toggle() {
this.visible = !this.visible;
if (this.visible) {
ObservableWrapper.callNext(this.openHandler, null);
} else {
ObservableWrapper.callNext(this.closeHandler, null);
}
}
}