BREAKING CHANGE - ViewEncapsulation.EMULATED => ViewEncapsulation.Emulated - ViewEncapsulation.NATIVE => ViewEncapsulation.Native - ViewEncapsulation.NONE => ViewEncapsulation.None Closes #3889
31 lines
752 B
TypeScript
31 lines
752 B
TypeScript
import {bootstrap, Component, Directive, View, ViewEncapsulation} from 'angular2/bootstrap';
|
|
import {MdCheckbox} from 'angular2_material/src/components/checkbox/checkbox';
|
|
import {UrlResolver} from 'angular2/src/core/services/url_resolver';
|
|
import {commonDemoSetup, DemoUrlResolver} from '../demo_common';
|
|
import {bind} from 'angular2/di';
|
|
|
|
@Component({
|
|
selector: 'demo-app',
|
|
})
|
|
@View({
|
|
templateUrl: './demo_app.html',
|
|
directives: [MdCheckbox],
|
|
encapsulation: ViewEncapsulation.None
|
|
})
|
|
class DemoApp {
|
|
toggleCount: number;
|
|
|
|
constructor() {
|
|
this.toggleCount = 0;
|
|
}
|
|
|
|
increment() {
|
|
this.toggleCount++;
|
|
}
|
|
}
|
|
|
|
export function main() {
|
|
commonDemoSetup();
|
|
bootstrap(DemoApp, [bind(UrlResolver).toValue(new DemoUrlResolver())]);
|
|
}
|