remove all _fragment and js/latest/api files - these can all be created via build doc tasks
This commit is contained in:
Jay Traband
parent
6f6e83722e
commit
b529a94cca
|
|
@ -1,14 +0,0 @@
|
||||||
```
|
|
||||||
var expectedMsg = 'My First Angular 2 App';
|
|
||||||
|
|
||||||
// tests shared across languages
|
|
||||||
function sharedTests(basePath) {
|
|
||||||
beforeEach(function () {
|
|
||||||
browser.get(basePath + 'index.html');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should display: ' + expectedMsg, function () {
|
|
||||||
expect(element(by.id('output')).getText()).toEqual(expectedMsg);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
```
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
ng.bootstrap(AppComponent);
|
|
||||||
});
|
|
||||||
```
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
```
|
|
||||||
var AppComponent = ng
|
|
||||||
.Component({
|
|
||||||
selector: 'my-app'
|
|
||||||
})
|
|
||||||
.View({
|
|
||||||
template: '<h1 id="output">My First Angular 2 App</h1>'
|
|
||||||
})
|
|
||||||
.Class({
|
|
||||||
constructor: function () { }
|
|
||||||
});
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
```
|
|
||||||
.Class({
|
|
||||||
constructor: function () { }
|
|
||||||
});
|
|
||||||
```
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
```
|
|
||||||
.Component({
|
|
||||||
selector: 'my-app'
|
|
||||||
})
|
|
||||||
```
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
```
|
|
||||||
function AppComponent () {}
|
|
||||||
|
|
||||||
AppComponent.annotations = [
|
|
||||||
new ng.ComponentAnnotation({
|
|
||||||
selector: 'my-app'
|
|
||||||
}),
|
|
||||||
new ng.ViewAnnotation({
|
|
||||||
template: '<h1 id="output">My First Angular 2 App</h1>'
|
|
||||||
})
|
|
||||||
];
|
|
||||||
```
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
```
|
|
||||||
.View({
|
|
||||||
template: '<h1 id="output">My First Angular 2 App</h1>'
|
|
||||||
})
|
|
||||||
```
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
```
|
|
||||||
var AppComponent = ng
|
|
||||||
.Component({
|
|
||||||
selector: 'my-app'
|
|
||||||
})
|
|
||||||
.View({
|
|
||||||
template: '<h1 id="output">My First Angular 2 App</h1>'
|
|
||||||
})
|
|
||||||
.Class({
|
|
||||||
constructor: function () { }
|
|
||||||
});
|
|
||||||
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
ng.bootstrap(AppComponent);
|
|
||||||
});
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
```
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<script src="https://code.angularjs.org/2.0.0-alpha.34/angular2.sfx.dev.js"></script>
|
|
||||||
<script src="app.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<my-app></my-app>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
```
|
|
||||||
{
|
|
||||||
"name": "ng2-getting-started",
|
|
||||||
"version": "0.0.1",
|
|
||||||
"dependencies": {
|
|
||||||
"angular2": "2.0.0-alpha.35",
|
|
||||||
"es6-module-loader": "^0.16",
|
|
||||||
"systemjs": "^0.16",
|
|
||||||
"traceur": "0.0.91"
|
|
||||||
},
|
|
||||||
"scripts": {
|
|
||||||
"postinstall": "cd src && tsd reinstall -r -o && cd ..",
|
|
||||||
"tsc": "tsc -p src -w",
|
|
||||||
"start": "live-server --open=src"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
```
|
|
||||||
bootstrap(AppComponent);
|
|
||||||
```
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
```
|
|
||||||
@Component({
|
|
||||||
selector: 'my-app'
|
|
||||||
})
|
|
||||||
@View({
|
|
||||||
template: '<h1 id="output">My First Angular 2 App</h1>'
|
|
||||||
})
|
|
||||||
class AppComponent { }
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
```
|
|
||||||
class AppComponent { }
|
|
||||||
```
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
```
|
|
||||||
import {Component, View, bootstrap} from 'angular2/angular2';
|
|
||||||
```
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
```
|
|
||||||
import {Component, View, bootstrap} from 'angular2/angular2';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'my-app'
|
|
||||||
})
|
|
||||||
@View({
|
|
||||||
template: '<h1 id="output">My First Angular 2 App</h1>'
|
|
||||||
})
|
|
||||||
class AppComponent { }
|
|
||||||
|
|
||||||
bootstrap(AppComponent);
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
```
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<script src="../node_modules/traceur/bin/traceur-runtime.js"></script>
|
|
||||||
<script src="../node_modules/es6-module-loader/dist/es6-module-loader.js"></script>
|
|
||||||
<script src="../node_modules/systemjs/dist/system.src.js"></script>
|
|
||||||
<script src="../node_modules/angular2/bundles/angular2.dev.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<my-app></my-app>
|
|
||||||
<script>
|
|
||||||
System.import('app');
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
```
|
|
||||||
{
|
|
||||||
"compilerOptions": {
|
|
||||||
"target": "ES5",
|
|
||||||
"module": "commonjs",
|
|
||||||
"sourceMap": true,
|
|
||||||
"emitDecoratorMetadata": true,
|
|
||||||
"experimentalDecorators": true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
```
|
|
||||||
{
|
|
||||||
"version": "v4",
|
|
||||||
"repo": "borisyankov/DefinitelyTyped",
|
|
||||||
"ref": "master",
|
|
||||||
"path": "typings",
|
|
||||||
"bundle": "typings/tsd.d.ts",
|
|
||||||
"installed": {
|
|
||||||
"angular2/angular2.d.ts": {
|
|
||||||
"commit": "cd2e71bb1f0459197e733be66fdeafaec600514d"
|
|
||||||
},
|
|
||||||
"es6-promise/es6-promise.d.ts": {
|
|
||||||
"commit": "71d072b7354936b88d57c2029042d2da7c6ec0e7"
|
|
||||||
},
|
|
||||||
"jasmine/jasmine.d.ts": {
|
|
||||||
"commit": "71d072b7354936b88d57c2029042d2da7c6ec0e7"
|
|
||||||
},
|
|
||||||
"rx/rx.d.ts": {
|
|
||||||
"commit": "71d072b7354936b88d57c2029042d2da7c6ec0e7"
|
|
||||||
},
|
|
||||||
"rx/rx-lite.d.ts": {
|
|
||||||
"commit": "71d072b7354936b88d57c2029042d2da7c6ec0e7"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
```
|
|
||||||
{
|
|
||||||
"compilerOptions": {
|
|
||||||
"target": "ES5",
|
|
||||||
"module": "commonjs"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
```
|
|
||||||
it('should display Alice', function() {
|
|
||||||
expect(element(by.id('output')).getText()).toEqual('Hello Alice');
|
|
||||||
});
|
|
||||||
```
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
```
|
|
||||||
<title>Angular 2 Quickstart</title>
|
|
||||||
<script src="node_modules/traceur/bin/traceur-runtime.js"></script>
|
|
||||||
<script src="node_modules/es6-module-loader/dist/es6-module-loader.js"></script>
|
|
||||||
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
|
||||||
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
|
||||||
```
|
|
||||||
|
|
@ -1,15 +0,0 @@
|
||||||
```
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>Angular 2 Quickstart</title>
|
|
||||||
<script src="node_modules/traceur/bin/traceur-runtime.js"></script>
|
|
||||||
<script src="node_modules/es6-module-loader/dist/es6-module-loader.js"></script>
|
|
||||||
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
|
||||||
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<app></app>
|
|
||||||
<script>System.import('src/app');</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
```
|
|
||||||
|
|
@ -1,23 +0,0 @@
|
||||||
```
|
|
||||||
{
|
|
||||||
"name": "ng2-quickstart",
|
|
||||||
"version": "0.0.1",
|
|
||||||
"license": "ICS",
|
|
||||||
"repository": {},
|
|
||||||
"dependencies": {
|
|
||||||
"angular2": "2.0.0-alpha.35",
|
|
||||||
"es6-module-loader": "^0.16",
|
|
||||||
"systemjs": "^0.16",
|
|
||||||
"traceur": "0.0.91"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"jasmine-core": "^2.3.4",
|
|
||||||
"zone.js": "^0.5.3"
|
|
||||||
},
|
|
||||||
"scripts": {
|
|
||||||
"postinstall": "cd src && tsd reinstall -r -o && cd ..",
|
|
||||||
"tsc": "tsc -p src -w",
|
|
||||||
"start": "live-server"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
```
|
|
||||||
bootstrap(AppComponent);
|
|
||||||
```
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
```
|
|
||||||
import {Component, View, bootstrap} from 'angular2/angular2';
|
|
||||||
```
|
|
||||||
|
|
@ -1,20 +0,0 @@
|
||||||
```
|
|
||||||
import {Component, View, bootstrap} from 'angular2/angular2';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app'
|
|
||||||
})
|
|
||||||
@View({
|
|
||||||
template: '<h1 id="output">Hello {{ name }}</h1>'
|
|
||||||
})
|
|
||||||
export class AppComponent {
|
|
||||||
name : string;
|
|
||||||
|
|
||||||
constructor() {
|
|
||||||
this.name = 'Alice';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
bootstrap(AppComponent);
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
```
|
|
||||||
{
|
|
||||||
"compilerOptions": {
|
|
||||||
"target": "ES5",
|
|
||||||
"module": "commonjs",
|
|
||||||
"sourceMap": true,
|
|
||||||
"emitDecoratorMetadata": true,
|
|
||||||
"experimentalDecorators": true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
```
|
|
||||||
{
|
|
||||||
"version": "v4",
|
|
||||||
"repo": "borisyankov/DefinitelyTyped",
|
|
||||||
"ref": "master",
|
|
||||||
"path": "typings",
|
|
||||||
"bundle": "typings/tsd.d.ts",
|
|
||||||
"installed": {
|
|
||||||
"angular2/angular2.d.ts": {
|
|
||||||
"commit": "cd2e71bb1f0459197e733be66fdeafaec600514d"
|
|
||||||
},
|
|
||||||
"es6-promise/es6-promise.d.ts": {
|
|
||||||
"commit": "71d072b7354936b88d57c2029042d2da7c6ec0e7"
|
|
||||||
},
|
|
||||||
"jasmine/jasmine.d.ts": {
|
|
||||||
"commit": "71d072b7354936b88d57c2029042d2da7c6ec0e7"
|
|
||||||
},
|
|
||||||
"rx/rx.d.ts": {
|
|
||||||
"commit": "71d072b7354936b88d57c2029042d2da7c6ec0e7"
|
|
||||||
},
|
|
||||||
"rx/rx-lite.d.ts": {
|
|
||||||
"commit": "71d072b7354936b88d57c2029042d2da7c6ec0e7"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,56 +0,0 @@
|
||||||
```
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<meta http-equiv="content-type" content="text/html;charset=utf-8">
|
|
||||||
<title>QuickStart Tests</title>
|
|
||||||
<link rel="stylesheet" href="node_modules/jasmine-core/lib/jasmine-core/jasmine.css">
|
|
||||||
|
|
||||||
<script src="node_modules/jasmine-core/lib/jasmine-core/jasmine.js"></script>
|
|
||||||
<script src="node_modules/jasmine-core/lib/jasmine-core/jasmine-html.js"></script>
|
|
||||||
<script src="node_modules/jasmine-core/lib/jasmine-core/boot.js"></script>
|
|
||||||
|
|
||||||
<script src="node_modules/traceur/bin/traceur-runtime.js"></script>
|
|
||||||
<script src="node_modules/es6-module-loader/dist/es6-module-loader.src.js"></script>
|
|
||||||
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
|
||||||
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
|
|
||||||
<script src="node_modules/angular2/bundles/http.dev.js"></script>
|
|
||||||
<script src="node_modules/angular2/bundles/test_lib.dev.js"></script>
|
|
||||||
<script src="node_modules/zone.js/dist/long-stack-trace-zone.js"></script>
|
|
||||||
<script src="node_modules/zone.js/dist/jasmine-patch.js"></script>
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<app><!--placeholder--></app>
|
|
||||||
<script>
|
|
||||||
(function() {
|
|
||||||
Error.stackTraceLimit=Infinity;
|
|
||||||
jasmine.DEFAULT_TIMEOUT_INTERVAL = 100;
|
|
||||||
|
|
||||||
var imports = [
|
|
||||||
'src/dummy.spec',
|
|
||||||
'src/app.spec',
|
|
||||||
'@empty' // placeholder makes it easier to comment-out specs above
|
|
||||||
].map(System.import.bind(System));
|
|
||||||
|
|
||||||
Promise.all(imports)
|
|
||||||
.then( function() {
|
|
||||||
// Must designate a BrowserDomAdapter or else DOM testing bombs
|
|
||||||
// (e.g. when testing component and call `tcb.createAsync`) for lack of `DOM` object
|
|
||||||
// Igor's recommended approach based on
|
|
||||||
// https://github.com/angular/angular/blob/master/test-main.js
|
|
||||||
//
|
|
||||||
// TODO: BrowserDomAdapter should be exposed through 'angular2/test' instead
|
|
||||||
var DomAdapterModule = System.get('angular2/src/dom/browser_adapter');
|
|
||||||
if (DomAdapterModule) {
|
|
||||||
DomAdapterModule.BrowserDomAdapter.makeCurrent();
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.then( function() { window.onload();} ) // re-execute Jasmine's buildup
|
|
||||||
.catch( function(err) { console.log(err);} );
|
|
||||||
})();
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
```
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
```
|
|
||||||
var expectedMsg = 'My First Angular 2 App';
|
|
||||||
|
|
||||||
// tests shared across languages
|
|
||||||
function sharedTests(basePath) {
|
|
||||||
beforeEach(function () {
|
|
||||||
browser.get(basePath + 'index.html');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should display: '+ expectedMsg, function() {
|
|
||||||
expect(element(by.id('output')).getText()).toEqual(expectedMsg);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
```
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
ng.bootstrap(AppComponent);
|
|
||||||
});
|
|
||||||
```
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
```
|
|
||||||
var AppComponent = ng
|
|
||||||
.Component({
|
|
||||||
selector: 'my-app'
|
|
||||||
})
|
|
||||||
.View({
|
|
||||||
template: '<h1 id="output">My First Angular 2 App</h1>'
|
|
||||||
})
|
|
||||||
.Class({
|
|
||||||
constructor: function () { }
|
|
||||||
});
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
```
|
|
||||||
.Class({
|
|
||||||
constructor: function () { }
|
|
||||||
});
|
|
||||||
```
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
```
|
|
||||||
.Component({
|
|
||||||
selector: 'my-app'
|
|
||||||
})
|
|
||||||
```
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
```
|
|
||||||
function AppComponent () {}
|
|
||||||
|
|
||||||
AppComponent.annotations = [
|
|
||||||
new ng.ComponentAnnotation({
|
|
||||||
selector: 'my-app'
|
|
||||||
}),
|
|
||||||
new ng.ViewAnnotation({
|
|
||||||
template: '<h1 id="output">My First Angular 2 App</h1>'
|
|
||||||
})
|
|
||||||
];
|
|
||||||
```
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
```
|
|
||||||
.View({
|
|
||||||
template: '<h1 id="output">My First Angular 2 App</h1>'
|
|
||||||
})
|
|
||||||
```
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
```
|
|
||||||
var AppComponent = ng
|
|
||||||
.Component({
|
|
||||||
selector: 'my-app'
|
|
||||||
})
|
|
||||||
.View({
|
|
||||||
template: '<h1 id="output">My First Angular 2 App</h1>'
|
|
||||||
})
|
|
||||||
.Class({
|
|
||||||
constructor: function () { }
|
|
||||||
});
|
|
||||||
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
ng.bootstrap(AppComponent);
|
|
||||||
});
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
```
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<script src="https://code.angularjs.org/2.0.0-alpha.34/angular2.sfx.dev.js"></script>
|
|
||||||
<script src="app.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<my-app>foo2</my-app>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
```
|
|
||||||
describe("Jasmine sample test", function() {
|
|
||||||
|
|
||||||
it("1+1 should be 2", function() {
|
|
||||||
var result = 1 + 1;
|
|
||||||
expect(result).toBe(2);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
```
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
```
|
|
||||||
{
|
|
||||||
"name": "ng2-getting-started",
|
|
||||||
"version": "0.0.1",
|
|
||||||
"dependencies": {
|
|
||||||
"angular2": "2.0.0-alpha.35",
|
|
||||||
"es6-module-loader": "^0.16",
|
|
||||||
"systemjs": "^0.16",
|
|
||||||
"traceur": "0.0.91"
|
|
||||||
},
|
|
||||||
"scripts": {
|
|
||||||
"postinstall": "cd src && tsd reinstall -r -o && cd ..",
|
|
||||||
"tsc": "tsc -p src -w",
|
|
||||||
"start": "live-server --open=src"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
```
|
|
||||||
angular2_1.bootstrap(AppComponent);
|
|
||||||
```
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
```
|
|
||||||
bootstrap(AppComponent);
|
|
||||||
```
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
```
|
|
||||||
var AppComponent = (function () {
|
|
||||||
function AppComponent() {
|
|
||||||
}
|
|
||||||
AppComponent = __decorate([
|
|
||||||
angular2_1.Component({
|
|
||||||
selector: 'my-app'
|
|
||||||
}),
|
|
||||||
angular2_1.View({
|
|
||||||
template: '<h1 id="output">My First Angular 2 App</h1>'
|
|
||||||
}),
|
|
||||||
__metadata('design:paramtypes', [])
|
|
||||||
], AppComponent);
|
|
||||||
return AppComponent;
|
|
||||||
})();
|
|
||||||
```
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
```
|
|
||||||
@Component({
|
|
||||||
selector: 'my-app'
|
|
||||||
})
|
|
||||||
@View({
|
|
||||||
template: '<h1 id="output">My First Angular 2 App</h1>'
|
|
||||||
})
|
|
||||||
class AppComponent { }
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
```
|
|
||||||
class AppComponent { }
|
|
||||||
```
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
```
|
|
||||||
var angular2_1 = require('angular2/angular2');
|
|
||||||
```
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
```
|
|
||||||
import {Component, View, bootstrap} from 'angular2/angular2';
|
|
||||||
```
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
```
|
|
||||||
var angular2_1 = require('angular2/angular2');
|
|
||||||
var AppComponent = (function () {
|
|
||||||
function AppComponent() {
|
|
||||||
}
|
|
||||||
AppComponent = __decorate([
|
|
||||||
angular2_1.Component({
|
|
||||||
selector: 'my-app'
|
|
||||||
}),
|
|
||||||
angular2_1.View({
|
|
||||||
template: '<h1 id="output">My First Angular 2 App</h1>'
|
|
||||||
}),
|
|
||||||
__metadata('design:paramtypes', [])
|
|
||||||
], AppComponent);
|
|
||||||
return AppComponent;
|
|
||||||
})();
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
```
|
|
||||||
import {Component, View, bootstrap} from 'angular2/angular2';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'my-app'
|
|
||||||
})
|
|
||||||
@View({
|
|
||||||
template: '<h1 id="output">My First Angular 2 App</h1>'
|
|
||||||
})
|
|
||||||
class AppComponent { }
|
|
||||||
|
|
||||||
bootstrap(AppComponent);
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
```
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<script src="https://github.jspm.io/jmcriffey/bower-traceur-runtime@0.0.87/traceur-runtime.js"></script>
|
|
||||||
<script src="https://jspm.io/system@0.16.js"></script>
|
|
||||||
<script src="https://code.angularjs.org/2.0.0-alpha.34/angular2.dev.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<my-app></my-app>
|
|
||||||
<script>
|
|
||||||
System.import('app');
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
```
|
|
||||||
{
|
|
||||||
"compilerOptions": {
|
|
||||||
"target": "ES5",
|
|
||||||
"module": "commonjs",
|
|
||||||
"sourceMap": true,
|
|
||||||
"emitDecoratorMetadata": true,
|
|
||||||
"experimentalDecorators": true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
```
|
|
||||||
{
|
|
||||||
"version": "v4",
|
|
||||||
"repo": "borisyankov/DefinitelyTyped",
|
|
||||||
"ref": "master",
|
|
||||||
"path": "typings",
|
|
||||||
"bundle": "typings/tsd.d.ts",
|
|
||||||
"installed": {
|
|
||||||
"angular2/angular2.d.ts": {
|
|
||||||
"commit": "cd2e71bb1f0459197e733be66fdeafaec600514d"
|
|
||||||
},
|
|
||||||
"es6-promise/es6-promise.d.ts": {
|
|
||||||
"commit": "71d072b7354936b88d57c2029042d2da7c6ec0e7"
|
|
||||||
},
|
|
||||||
"jasmine/jasmine.d.ts": {
|
|
||||||
"commit": "71d072b7354936b88d57c2029042d2da7c6ec0e7"
|
|
||||||
},
|
|
||||||
"rx/rx.d.ts": {
|
|
||||||
"commit": "71d072b7354936b88d57c2029042d2da7c6ec0e7"
|
|
||||||
},
|
|
||||||
"rx/rx-lite.d.ts": {
|
|
||||||
"commit": "71d072b7354936b88d57c2029042d2da7c6ec0e7"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/application_tokens.ts#L26-L26">angular2/src/core/application_tokens.ts (line 26)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
An <a href='angular2/di/OpaqueToken'>OpaqueToken</a> representing the application root type in the <a href='Injector-class.html'><code>Injector</code></a>.
|
|
||||||
|
|
||||||
```
|
|
||||||
@Component(...)
|
|
||||||
@View(...)
|
|
||||||
class MyApp {
|
|
||||||
...
|
|
||||||
}
|
|
||||||
|
|
||||||
bootstrap(MyApp).then((appRef:ApplicationRef) {
|
|
||||||
expect(appRef.injector.get(appComponentTypeToken)).toEqual(MyApp);
|
|
||||||
});
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/render/dom/dom_tokens.ts#L9-L9">angular2/src/core/render/dom/dom_tokens.ts (line 9)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
A unique id (string) for an angular application.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,87 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/di/exceptions.ts#L28-L55">angular2/src/core/di/exceptions.ts (line 28)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Base class for all errors arising from misconfigured bindings.
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#constructor constructor
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
constructor(injector: Injector, key: Key, constructResolvingMessage: Function)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#message message
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#keys keys
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#injectors injectors
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#constructResolvingMessage constructResolvingMessage
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#addKey addKey
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
addKey(injector: Injector, key: Key)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#context context
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,235 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/forms/model.ts#L38-L132">angular2/src/core/forms/model.ts (line 38)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Omitting from external API doc as this is really an abstract internal concept.
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#constructor constructor
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
constructor(validator: Function)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#validator validator
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#value value
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#status status
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#valid valid
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#errors errors
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#pristine pristine
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#dirty dirty
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#touched touched
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#untouched untouched
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#valueChanges valueChanges
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#markAsTouched markAsTouched
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
markAsTouched()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#markAsDirty markAsDirty
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
markAsDirty({onlySelf}?: {onlySelf?: boolean})
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#setParent setParent
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
setParent(parent: ControlGroup | ControlArray)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#updateValidity updateValidity
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
updateValidity({onlySelf}?: {onlySelf?: boolean})
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#updateValueAndValidity updateValueAndValidity
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
updateValueAndValidity({onlySelf, emitEvent}?: {onlySelf?: boolean, emitEvent?: boolean})
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#find find
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
find(path: Array<string | number>| string)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#getError getError
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
getError(errorCode: string, path?: string[])
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#hasError hasError
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
hasError(errorCode: string, path?: string[])
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,87 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/forms/directives/abstract_control_directive.ts#L1-L19">angular2/src/core/forms/directives/abstract_control_directive.ts (line 1)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#control control
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#value value
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#valid valid
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#errors errors
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#pristine pristine
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#dirty dirty
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#touched touched
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#untouched untouched
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,35 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/compiler/interfaces.ts#L125-L141">angular2/src/core/compiler/interfaces.ts (line 125)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Notify a directive when the bindings of all its content children have been checked (whether
|
|
||||||
they have changed or not).
|
|
||||||
|
|
||||||
## Example
|
|
||||||
|
|
||||||
```
|
|
||||||
@Component(...)
|
|
||||||
class MyComponent implements AfterContentChecked {
|
|
||||||
afterContentChecked(): void {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#afterContentChecked afterContentChecked
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
afterContentChecked()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,35 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/compiler/interfaces.ts#L109-L125">angular2/src/core/compiler/interfaces.ts (line 109)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Notify a directive when the bindings of all its content children have been checked the first
|
|
||||||
time (whether they have changed or not).
|
|
||||||
|
|
||||||
## Example
|
|
||||||
|
|
||||||
```
|
|
||||||
@Component(...)
|
|
||||||
class MyComponent implements AfterContentInit {
|
|
||||||
afterContentInit(): void {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#afterContentInit afterContentInit
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
afterContentInit()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,35 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/compiler/interfaces.ts#L157-L173">angular2/src/core/compiler/interfaces.ts (line 157)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Notify a directive when the bindings of all its view children have been checked (whether they
|
|
||||||
have changed or not).
|
|
||||||
|
|
||||||
## Example
|
|
||||||
|
|
||||||
```
|
|
||||||
@Component(...)
|
|
||||||
class MyComponent implements AfterViewChecked {
|
|
||||||
afterViewChecked(): void {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#afterViewChecked afterViewChecked
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
afterViewChecked()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,35 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/compiler/interfaces.ts#L141-L157">angular2/src/core/compiler/interfaces.ts (line 141)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Notify a directive when the bindings of all its view children have been checked the first time
|
|
||||||
(whether they have changed or not).
|
|
||||||
|
|
||||||
## Example
|
|
||||||
|
|
||||||
```
|
|
||||||
@Component(...)
|
|
||||||
class MyComponent implements AfterViewInit {
|
|
||||||
afterViewInit(): void {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#afterViewInit afterViewInit
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
afterViewInit()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,53 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/services/app_root_url.ts#L2-L25">angular2/src/core/services/app_root_url.ts (line 2)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Specifies app root url for the application.
|
|
||||||
|
|
||||||
Used by the <a href='Compiler-interface.html'><code>Compiler</code></a> when resolving HTML and CSS template URLs.
|
|
||||||
|
|
||||||
This interface can be overridden by the application developer to create custom behavior.
|
|
||||||
|
|
||||||
See <a href='Compiler-interface.html'><code>Compiler</code></a>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Annotations
|
|
||||||
.l-sub-section
|
|
||||||
h3.annotation Injectable
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
@Injectable()
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#constructor constructor
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
constructor(value: string)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#value value
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Returns the base URL of the currently running application.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,269 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/compiler/view_manager.ts#L19-L379">angular2/src/core/compiler/view_manager.ts (line 19)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Entry point for creating, moving views in the view hierarchy and destroying views.
|
|
||||||
This manager contains all recursion and delegates to helper methods
|
|
||||||
in AppViewManagerUtils and the Renderer, so unit tests get simpler.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Annotations
|
|
||||||
.l-sub-section
|
|
||||||
h3.annotation Injectable
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
@Injectable()
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#getViewContainer getViewContainer
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
getViewContainer(location: ElementRef)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Returns a <a href='ViewContainerRef-interface.html'><code>ViewContainerRef</code></a> at the <a href='ElementRef-class.html'><code>ElementRef</code></a> location.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#getHostElement getHostElement
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
getHostElement(hostViewRef: HostViewRef)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Return the first child element of the host element view.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#getNamedElementInComponentView getNamedElementInComponentView
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
getNamedElementInComponentView(hostLocation: ElementRef, variableName: string)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Returns an ElementRef for the element with the given variable name
|
|
||||||
in the current view.
|
|
||||||
|
|
||||||
- `hostLocation`: <a href='ElementRef-class.html'><code>ElementRef</code></a> of any element in the View which defines the scope of
|
|
||||||
search.
|
|
||||||
- `variableName`: Name of the variable to locate.
|
|
||||||
- Returns <a href='ElementRef-class.html'><code>ElementRef</code></a> of the found element or null. (Throws if not found.)
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#getComponent getComponent
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
getComponent(hostLocation: ElementRef)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Returns the component instance for a given element.
|
|
||||||
|
|
||||||
The component is the execution context as seen by an expression at that <a href='ElementRef-class.html'><code>ElementRef</code></a>
|
|
||||||
location.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#createRootHostView createRootHostView
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
createRootHostView(hostProtoViewRef: ProtoViewRef, overrideSelector: string, injector: Injector)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Load component view into existing element.
|
|
||||||
|
|
||||||
Use this if a host element is already in the DOM and it is necessary to upgrade
|
|
||||||
the element into Angular component by attaching a view but reusing the existing element.
|
|
||||||
|
|
||||||
- `hostProtoViewRef`: <a href='ProtoViewRef-interface.html'><code>ProtoViewRef</code></a> Proto view to use in creating a view for this
|
|
||||||
component.
|
|
||||||
- `overrideSelector`: (optional) selector to use in locating the existing element to load
|
|
||||||
the view into. If not specified use the selector in the component definition of the
|
|
||||||
`hostProtoView`.
|
|
||||||
- injector: <a href='Injector-class.html'><code>Injector</code></a> to use as parent injector for the view.
|
|
||||||
|
|
||||||
See <a href='AppViewManager-interface.html#destroyRootHostView'><code>AppViewManager</code></a>.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
```
|
|
||||||
@ng.Component({
|
|
||||||
selector: 'child-component'
|
|
||||||
})
|
|
||||||
@ng.View({
|
|
||||||
template: 'Child'
|
|
||||||
})
|
|
||||||
class ChildComponent {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@ng.Component({
|
|
||||||
selector: 'my-app'
|
|
||||||
})
|
|
||||||
@ng.View({
|
|
||||||
template: `
|
|
||||||
Parent (<some-component></some-component>)
|
|
||||||
`
|
|
||||||
})
|
|
||||||
class MyApp {
|
|
||||||
viewRef: ng.ViewRef;
|
|
||||||
|
|
||||||
constructor(public appViewManager: ng.AppViewManager, compiler: ng.Compiler) {
|
|
||||||
compiler.compileInHost(ChildComponent).then((protoView: ng.ProtoViewRef) => {
|
|
||||||
this.viewRef = appViewManager.createRootHostView(protoView, 'some-component', null);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
onDestroy() {
|
|
||||||
this.appViewManager.destroyRootHostView(this.viewRef);
|
|
||||||
this.viewRef = null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ng.bootstrap(MyApp);
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#destroyRootHostView destroyRootHostView
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
destroyRootHostView(hostViewRef: HostViewRef)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Remove the View created with <a href='AppViewManager-interface.html#createRootHostView'><code>AppViewManager</code></a>.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#createEmbeddedViewInContainer createEmbeddedViewInContainer
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
createEmbeddedViewInContainer(viewContainerLocation: ElementRef, atIndex: number, templateRef: TemplateRef)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
See <a href='AppViewManager-interface.html#destroyViewInContainer'><code>AppViewManager</code></a>.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#createHostViewInContainer createHostViewInContainer
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
createHostViewInContainer(viewContainerLocation: ElementRef, atIndex: number, protoViewRef: ProtoViewRef, imperativelyCreatedInjector: ResolvedBinding[])
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
See <a href='AppViewManager-interface.html#destroyViewInContainer'><code>AppViewManager</code></a>.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#destroyViewInContainer destroyViewInContainer
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
destroyViewInContainer(viewContainerLocation: ElementRef, atIndex: number)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
See <a href='AppViewManager-interface.html#createViewInContainer'><code>AppViewManager</code></a>.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#attachViewInContainer attachViewInContainer
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
attachViewInContainer(viewContainerLocation: ElementRef, atIndex: number, viewRef: ViewRef)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
See <a href='AppViewManager-interface.html#detachViewInContainer'><code>AppViewManager</code></a>.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#detachViewInContainer detachViewInContainer
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
detachViewInContainer(viewContainerLocation: ElementRef, atIndex: number)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
See <a href='AppViewManager-interface.html#attachViewInContainer'><code>AppViewManager</code></a>.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,89 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/application_ref.ts#L242-L320">angular2/src/core/application_ref.ts (line 242)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Represents an Angular application.
|
|
||||||
|
|
||||||
Use to retrieve the application <a href='Injector-class.html'><code>Injector</code></a> or to bootstrap new
|
|
||||||
components at the root of the application. Can also be used to dispose
|
|
||||||
of the entire application and all its loaded components.
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#registerBootstrapListener registerBootstrapListener
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
registerBootstrapListener(listener: (ref: ComponentRef) => void)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Register a listener to be called each time a new root component type is bootstrapped.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#bootstrap bootstrap
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
bootstrap(componentType: Type, bindings?: Array<Type | Binding | any[]>)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Bootstrap a new component at the root level of the application, optionally with
|
|
||||||
component specific bindings.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#injector injector
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Retrieve the application <a href='Injector-class.html'><code>Injector</code></a>.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#zone zone
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Retrieve the application <a href='NgZone-interface.html'><code>NgZone</code></a>.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#dispose dispose
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
dispose()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,90 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/pipes/async_pipe.ts#L35-L133">angular2/src/core/pipes/async_pipe.ts (line 35)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
The `async` pipe subscribes to an Observable or Promise and returns the latest value it has
|
|
||||||
emitted.
|
|
||||||
When a new value is emitted, the `async` pipe marks the component to be checked for changes.
|
|
||||||
|
|
||||||
# Example
|
|
||||||
The example below binds the `time` Observable to the view. Every 500ms, the `time` Observable
|
|
||||||
updates the view with the current time.
|
|
||||||
|
|
||||||
```
|
|
||||||
import {Observable} from 'angular2/core';
|
|
||||||
@Component({
|
|
||||||
selector: "task-cmp"
|
|
||||||
})
|
|
||||||
@View({
|
|
||||||
template: "Time: {{ time | async }}"
|
|
||||||
})
|
|
||||||
class Task {
|
|
||||||
time = new Observable<number>(observer => {
|
|
||||||
setInterval(_ =>
|
|
||||||
observer.next(new Date().getTime()), 500);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Annotations
|
|
||||||
.l-sub-section
|
|
||||||
h3.annotation Pipe
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
@Pipe({name: 'async', pure: false})
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3.annotation Injectable
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
@Injectable()
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#constructor constructor
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
constructor(_ref: ChangeDetectorRef)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#onDestroy onDestroy
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
onDestroy()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#transform transform
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
transform(obj: Observable | Promise<any>, args?: any[])
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/metadata.ts#L507-L507">angular2/src/core/metadata.ts (line 507)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
<a href='AttributeMetadata-class.html'><code>AttributeMetadata</code></a> factory function.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,52 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/metadata.ts#L282-L333">angular2/src/core/metadata.ts (line 282)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
<a href='AttributeMetadata-class.html'><code>AttributeMetadata</code></a> factory for creating annotations, decorators or DSL.
|
|
||||||
|
|
||||||
## Example as TypeScript Decorator
|
|
||||||
|
|
||||||
```
|
|
||||||
import {Attribute, Component, View} from "angular2/angular2";
|
|
||||||
|
|
||||||
@Component({...})
|
|
||||||
@View({...})
|
|
||||||
class MyComponent {
|
|
||||||
constructor(@Attribute('title') title: string) {
|
|
||||||
...
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
## Example as ES5 DSL
|
|
||||||
|
|
||||||
```
|
|
||||||
var MyComponent = ng
|
|
||||||
.Component({...})
|
|
||||||
.View({...})
|
|
||||||
.Class({
|
|
||||||
constructor: [new ng.Attribute('title'), function(title) {
|
|
||||||
...
|
|
||||||
}]
|
|
||||||
})
|
|
||||||
```
|
|
||||||
|
|
||||||
## Example as ES5 annotation
|
|
||||||
|
|
||||||
```
|
|
||||||
var MyComponent = function(title) {
|
|
||||||
...
|
|
||||||
};
|
|
||||||
|
|
||||||
MyComponent.annotations = [
|
|
||||||
new ng.Component({...}),
|
|
||||||
new ng.View({...})
|
|
||||||
]
|
|
||||||
MyComponent.parameters = [
|
|
||||||
[new ng.Attribute('title')]
|
|
||||||
]
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,83 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/metadata/di.ts#L9-L50">angular2/src/core/metadata/di.ts (line 9)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Specifies that a constant attribute value should be injected.
|
|
||||||
|
|
||||||
The directive can inject constant string literals of host element attributes.
|
|
||||||
|
|
||||||
## Example
|
|
||||||
|
|
||||||
Suppose we have an `<input>` element and want to know its `type`.
|
|
||||||
|
|
||||||
```html
|
|
||||||
<input type="text">
|
|
||||||
```
|
|
||||||
|
|
||||||
A decorator can inject string literal `text` like so:
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
@Directive({
|
|
||||||
selector: `input'
|
|
||||||
})
|
|
||||||
class InputDirective {
|
|
||||||
constructor(@Attribute('type') type) {
|
|
||||||
// type would be `text` in this example
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Annotations
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#constructor constructor
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
constructor(attributeName: string)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#attributeName attributeName
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#token token
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#toString toString
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
toString()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,252 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/di/binding.ts#L41-L229">angular2/src/core/di/binding.ts (line 41)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Describes how_ the <a href='Injector-class.html'><code>Injector</code></a> should instantiate a given token.
|
|
||||||
|
|
||||||
See <a href='bind-function.html'><code>bind</code></a>.
|
|
||||||
|
|
||||||
## Example
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
var injector = Injector.resolveAndCreate([
|
|
||||||
new Binding(String, { toValue: 'Hello' })
|
|
||||||
]);
|
|
||||||
|
|
||||||
expect(injector.get(String)).toEqual('Hello');
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Annotations
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#constructor constructor
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
constructor(token: any, {toClass, toValue, toAlias, toFactory, deps, multi}: {
|
|
||||||
toClass?: Type,
|
|
||||||
toValue?: any,
|
|
||||||
toAlias?: any,
|
|
||||||
toFactory?: Function,
|
|
||||||
deps?: Object[],
|
|
||||||
multi?: boolean
|
|
||||||
})
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#token token
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Token used when retrieving this binding. Usually the `Type`.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#toClass toClass
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Binds an interface to an implementation / subclass.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Because `toAlias` and `toClass` are often confused, the example contains both use cases for
|
|
||||||
easy
|
|
||||||
comparison.
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
|
|
||||||
class Vehicle {}
|
|
||||||
|
|
||||||
class Car extends Vehicle {}
|
|
||||||
|
|
||||||
var injectorClass = Injector.resolveAndCreate([
|
|
||||||
Car,
|
|
||||||
new Binding(Vehicle, { toClass: Car })
|
|
||||||
]);
|
|
||||||
var injectorAlias = Injector.resolveAndCreate([
|
|
||||||
Car,
|
|
||||||
new Binding(Vehicle, { toAlias: Car })
|
|
||||||
]);
|
|
||||||
|
|
||||||
expect(injectorClass.get(Vehicle)).not.toBe(injectorClass.get(Car));
|
|
||||||
expect(injectorClass.get(Vehicle) instanceof Car).toBe(true);
|
|
||||||
|
|
||||||
expect(injectorAlias.get(Vehicle)).toBe(injectorAlias.get(Car));
|
|
||||||
expect(injectorAlias.get(Vehicle) instanceof Car).toBe(true);
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#toValue toValue
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Binds a key to a value.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
var injector = Injector.resolveAndCreate([
|
|
||||||
new Binding(String, { toValue: 'Hello' })
|
|
||||||
]);
|
|
||||||
|
|
||||||
expect(injector.get(String)).toEqual('Hello');
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#toAlias toAlias
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Binds a key to the alias for an existing key.
|
|
||||||
|
|
||||||
An alias means that <a href='Injector-class.html'><code>Injector</code></a> returns the same instance as if the alias token was used.
|
|
||||||
This is in contrast to `toClass` where a separate instance of `toClass` is returned.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Because `toAlias` and `toClass` are often confused the example contains both use cases for easy
|
|
||||||
comparison.
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
|
|
||||||
class Vehicle {}
|
|
||||||
|
|
||||||
class Car extends Vehicle {}
|
|
||||||
|
|
||||||
var injectorAlias = Injector.resolveAndCreate([
|
|
||||||
Car,
|
|
||||||
new Binding(Vehicle, { toAlias: Car })
|
|
||||||
]);
|
|
||||||
var injectorClass = Injector.resolveAndCreate([
|
|
||||||
Car,
|
|
||||||
new Binding(Vehicle, { toClass: Car })
|
|
||||||
]);
|
|
||||||
|
|
||||||
expect(injectorAlias.get(Vehicle)).toBe(injectorAlias.get(Car));
|
|
||||||
expect(injectorAlias.get(Vehicle) instanceof Car).toBe(true);
|
|
||||||
|
|
||||||
expect(injectorClass.get(Vehicle)).not.toBe(injectorClass.get(Car));
|
|
||||||
expect(injectorClass.get(Vehicle) instanceof Car).toBe(true);
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#toFactory toFactory
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Binds a key to a function which computes the value.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
var injector = Injector.resolveAndCreate([
|
|
||||||
new Binding(Number, { toFactory: () => { return 1+2; }}),
|
|
||||||
new Binding(String, { toFactory: (value) => { return "Value: " + value; },
|
|
||||||
dependencies: [Number] })
|
|
||||||
]);
|
|
||||||
|
|
||||||
expect(injector.get(Number)).toEqual(3);
|
|
||||||
expect(injector.get(String)).toEqual('Value: 3');
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#dependencies dependencies
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Used in conjunction with `toFactory` and specifies a set of dependencies
|
|
||||||
(as `token`s) which should be injected into the factory function.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
var injector = Injector.resolveAndCreate([
|
|
||||||
new Binding(Number, { toFactory: () => { return 1+2; }}),
|
|
||||||
new Binding(String, { toFactory: (value) => { return "Value: " + value; },
|
|
||||||
dependencies: [Number] })
|
|
||||||
]);
|
|
||||||
|
|
||||||
expect(injector.get(Number)).toEqual(3);
|
|
||||||
expect(injector.get(String)).toEqual('Value: 3');
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#multi multi
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Used to create multiple bindings matching the same token.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
var injector = Injector.resolveAndCreate([
|
|
||||||
new Binding("Strings", { toValue: "String1", multi: true}),
|
|
||||||
new Binding("Strings", { toValue: "String2", multi: true})
|
|
||||||
]);
|
|
||||||
|
|
||||||
expect(injector.get("Strings")).toEqual(["String1", "String2"]);
|
|
||||||
```
|
|
||||||
|
|
||||||
Multi bindings and regular bindings cannot be mixed. The following
|
|
||||||
will throw an exception:
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
var injector = Injector.resolveAndCreate([
|
|
||||||
new Binding("Strings", { toValue: "String1", multi: true}),
|
|
||||||
new Binding("Strings", { toValue: "String2"})
|
|
||||||
]);
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,181 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/di/binding.ts#L305-L419">angular2/src/core/di/binding.ts (line 305)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Helper class for the <a href='bind-function.html'><code>bind</code></a> function.
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#constructor constructor
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
constructor(token: any)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#token token
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#toClass toClass
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
toClass(type: Type)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Binds an interface to an implementation / subclass.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Because `toAlias` and `toClass` are often confused, the example contains both use cases for
|
|
||||||
easy comparison.
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
|
|
||||||
class Vehicle {}
|
|
||||||
|
|
||||||
class Car extends Vehicle {}
|
|
||||||
|
|
||||||
var injectorClass = Injector.resolveAndCreate([
|
|
||||||
Car,
|
|
||||||
bind(Vehicle).toClass(Car)
|
|
||||||
]);
|
|
||||||
var injectorAlias = Injector.resolveAndCreate([
|
|
||||||
Car,
|
|
||||||
bind(Vehicle).toAlias(Car)
|
|
||||||
]);
|
|
||||||
|
|
||||||
expect(injectorClass.get(Vehicle)).not.toBe(injectorClass.get(Car));
|
|
||||||
expect(injectorClass.get(Vehicle) instanceof Car).toBe(true);
|
|
||||||
|
|
||||||
expect(injectorAlias.get(Vehicle)).toBe(injectorAlias.get(Car));
|
|
||||||
expect(injectorAlias.get(Vehicle) instanceof Car).toBe(true);
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#toValue toValue
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
toValue(value: any)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Binds a key to a value.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
var injector = Injector.resolveAndCreate([
|
|
||||||
bind(String).toValue('Hello')
|
|
||||||
]);
|
|
||||||
|
|
||||||
expect(injector.get(String)).toEqual('Hello');
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#toAlias toAlias
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
toAlias(aliasToken: /*Type*/ any)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Binds a key to the alias for an existing key.
|
|
||||||
|
|
||||||
An alias means that we will return the same instance as if the alias token was used. (This is
|
|
||||||
in contrast to `toClass` where a separate instance of `toClass` will be returned.)
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Because `toAlias` and `toClass` are often confused, the example contains both use cases for
|
|
||||||
easy
|
|
||||||
comparison.
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
|
|
||||||
class Vehicle {}
|
|
||||||
|
|
||||||
class Car extends Vehicle {}
|
|
||||||
|
|
||||||
var injectorAlias = Injector.resolveAndCreate([
|
|
||||||
Car,
|
|
||||||
bind(Vehicle).toAlias(Car)
|
|
||||||
]);
|
|
||||||
var injectorClass = Injector.resolveAndCreate([
|
|
||||||
Car,
|
|
||||||
bind(Vehicle).toClass(Car)
|
|
||||||
]);
|
|
||||||
|
|
||||||
expect(injectorAlias.get(Vehicle)).toBe(injectorAlias.get(Car));
|
|
||||||
expect(injectorAlias.get(Vehicle) instanceof Car).toBe(true);
|
|
||||||
|
|
||||||
expect(injectorClass.get(Vehicle)).not.toBe(injectorClass.get(Car));
|
|
||||||
expect(injectorClass.get(Vehicle) instanceof Car).toBe(true);
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#toFactory toFactory
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
toFactory(factoryFunction: Function, dependencies?: any[])
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Binds a key to a function which computes the value.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
var injector = Injector.resolveAndCreate([
|
|
||||||
bind(Number).toFactory(() => { return 1+2; }),
|
|
||||||
bind(String).toFactory((v) => { return "Value: " + v; }, [Number])
|
|
||||||
]);
|
|
||||||
|
|
||||||
expect(injector.get(Number)).toEqual(3);
|
|
||||||
expect(injector.get(String)).toEqual('Value: 3');
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,54 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/di/injector.ts#L381-L387">angular2/src/core/di/injector.ts (line 381)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#constructor constructor
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
constructor(binding: ResolvedBinding, visibility: Visibility)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#binding binding
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#visibility visibility
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#getKeyId getKeyId
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
getKeyId()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/debug/debug_element.ts#L184-L199">angular2/src/core/debug/debug_element.ts (line 184)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
@ -1,49 +0,0 @@
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/directives.ts#L64-L65">angular2/src/core/directives.ts (line 64)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
A collection of the Angular core directives that are likely to be used in each and every Angular
|
|
||||||
application.
|
|
||||||
|
|
||||||
This collection can be used to quickly enumerate all the built-in directives in the `@View`
|
|
||||||
annotation. For example,
|
|
||||||
instead of writing:
|
|
||||||
|
|
||||||
```
|
|
||||||
import {NgClass, NgIf, NgFor, NgSwitch, NgSwitchWhen, NgSwitchDefault} from 'angular2/angular2';
|
|
||||||
import {OtherDirective} from 'myDirectives';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'my-component'
|
|
||||||
})
|
|
||||||
@View({
|
|
||||||
templateUrl: 'myComponent.html',
|
|
||||||
directives: [NgClass, NgIf, NgFor, NgSwitch, NgSwitchWhen, NgSwitchDefault, OtherDirective]
|
|
||||||
})
|
|
||||||
export class MyComponent {
|
|
||||||
...
|
|
||||||
}
|
|
||||||
```
|
|
||||||
one could import all the core directives at once:
|
|
||||||
|
|
||||||
```
|
|
||||||
import {CORE_DIRECTIVES} from 'angular2/angular2';
|
|
||||||
import {OtherDirective} from 'myDirectives';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'my-component'
|
|
||||||
})
|
|
||||||
@View({
|
|
||||||
templateUrl: 'myComponent.html',
|
|
||||||
directives: [CORE_DIRECTIVES, OtherDirective]
|
|
||||||
})
|
|
||||||
export class MyComponent {
|
|
||||||
...
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,38 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/change_detection/exceptions.ts#L17-L34">angular2/src/core/change_detection/exceptions.ts (line 17)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Thrown when an expression evaluation raises an exception.
|
|
||||||
|
|
||||||
This error wraps the original exception, this is done to attach expression location information.
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#constructor constructor
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
constructor(exp: string, originalException: any, originalStack: any, context: any)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#location location
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Location of the expression.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,102 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/change_detection/constants.ts#L8-L49">angular2/src/core/change_detection/constants.ts (line 8)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#CheckOnce CheckOnce
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
`CheckedOnce` means that after calling detectChanges the mode of the change detector
|
|
||||||
will become `Checked`.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#Checked Checked
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
`Checked` means that the change detector should be skipped until its mode changes to
|
|
||||||
`CheckOnce`.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#CheckAlways CheckAlways
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
`CheckAlways` means that after calling detectChanges the mode of the change detector
|
|
||||||
will remain `CheckAlways`.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#Detached Detached
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
`Detached` means that the change detector sub tree is not a part of the main tree and
|
|
||||||
should be skipped.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#OnPush OnPush
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
`OnPush` means that the change detector's mode will be set to `CheckOnce` during hydration.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#Default Default
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
`Default` means that the change detector's mode will be set to `CheckAlways` during hydration.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#OnPushObserve OnPushObserve
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
This is an experimental feature. Works only in Dart.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,191 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/change_detection/interfaces.ts#L55-L74">angular2/src/core/change_detection/interfaces.ts (line 55)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#parent parent
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#mode mode
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#ref ref
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#addChild addChild
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
addChild(cd: ChangeDetector)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#addShadowDomChild addShadowDomChild
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
addShadowDomChild(cd: ChangeDetector)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#removeChild removeChild
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
removeChild(cd: ChangeDetector)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#removeShadowDomChild removeShadowDomChild
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
removeShadowDomChild(cd: ChangeDetector)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#remove remove
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
remove()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#hydrate hydrate
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
hydrate(context: any, locals: Locals, directives: any, pipes: any)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#dehydrate dehydrate
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
dehydrate()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#markPathToRootAsCheckOnce markPathToRootAsCheckOnce
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
markPathToRootAsCheckOnce()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#handleEvent handleEvent
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
handleEvent(eventName: string, elIndex: number, locals: Locals)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#detectChanges detectChanges
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
detectChanges()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#checkNoChanges checkNoChanges
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
checkNoChanges()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,83 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/change_detection/change_detector_ref.ts#L2-L40">angular2/src/core/change_detection/change_detector_ref.ts (line 2)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Controls change detection.
|
|
||||||
|
|
||||||
<a href='ChangeDetectorRef-interface.html'><code>ChangeDetectorRef</code></a> allows requesting checks for detectors that rely on observables. It
|
|
||||||
also allows detaching and attaching change detector subtrees.
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#markForCheck markForCheck
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
markForCheck()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Request to check all OnPush ancestors.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#detach detach
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
detach()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Detaches the change detector from the change detector tree.
|
|
||||||
|
|
||||||
The detached change detector will not be checked until it is reattached.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#detectChanges detectChanges
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
detectChanges()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#reattach reattach
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
reattach()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Reattach the change detector to the change detector tree.
|
|
||||||
|
|
||||||
This also requests a check of this change detector. This reattached change detector will be
|
|
||||||
checked during the next change detection run.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,173 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/forms/directives/checkbox_value_accessor.ts#L9-L66">angular2/src/core/forms/directives/checkbox_value_accessor.ts (line 9)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
The accessor for writing a value and listening to changes on a checkbox input element.
|
|
||||||
|
|
||||||
# Example
|
|
||||||
```
|
|
||||||
<input type="checkbox" [ng-control]="rememberLogin">
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Annotations
|
|
||||||
.l-sub-section
|
|
||||||
h3.annotation Directive
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
@Directive({
|
|
||||||
selector:
|
|
||||||
'input[type=checkbox][ng-control],input[type=checkbox][ng-form-control],input[type=checkbox][ng-model]',
|
|
||||||
host: {
|
|
||||||
'(change)': 'onChange($event.target.checked)',
|
|
||||||
'(blur)': 'onTouched()',
|
|
||||||
'[class.ng-untouched]': 'ngClassUntouched',
|
|
||||||
'[class.ng-touched]': 'ngClassTouched',
|
|
||||||
'[class.ng-pristine]': 'ngClassPristine',
|
|
||||||
'[class.ng-dirty]': 'ngClassDirty',
|
|
||||||
'[class.ng-valid]': 'ngClassValid',
|
|
||||||
'[class.ng-invalid]': 'ngClassInvalid'
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#constructor constructor
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
constructor(cd: NgControl, _renderer: Renderer, _elementRef: ElementRef)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#onChange onChange
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#onTouched onTouched
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#writeValue writeValue
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
writeValue(value: any)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#ngClassUntouched ngClassUntouched
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#ngClassTouched ngClassTouched
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#ngClassPristine ngClassPristine
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#ngClassDirty ngClassDirty
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#ngClassValid ngClassValid
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#ngClassInvalid ngClassInvalid
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#registerOnChange registerOnChange
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
registerOnChange(fn: (_: any) => {})
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#registerOnTouched registerOnTouched
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
registerOnTouched(fn: () => {})
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,98 +0,0 @@
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2(class="function export") Class
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
Class(clsDef: ClassDefinition) : Type
|
|
||||||
|
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/util/decorators.ts#L119-L226">angular2/src/core/util/decorators.ts (line 119)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Provides a way for expressing ES6 classes with parameter annotations in ES5.
|
|
||||||
|
|
||||||
## Basic Example
|
|
||||||
|
|
||||||
```
|
|
||||||
var Greeter = ng.Class({
|
|
||||||
constructor: function(name) {
|
|
||||||
this.name = name;
|
|
||||||
},
|
|
||||||
|
|
||||||
greet: function() {
|
|
||||||
alert('Hello ' + this.name + '!');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
```
|
|
||||||
|
|
||||||
is equivalent to ES6:
|
|
||||||
|
|
||||||
```
|
|
||||||
class Greeter {
|
|
||||||
constructor(name) {
|
|
||||||
this.name = name;
|
|
||||||
}
|
|
||||||
|
|
||||||
greet() {
|
|
||||||
alert('Hello ' + this.name + '!');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
or equivalent to ES5:
|
|
||||||
|
|
||||||
```
|
|
||||||
var Greeter = function (name) {
|
|
||||||
this.name = name;
|
|
||||||
}
|
|
||||||
|
|
||||||
Greeter.prototype.greet = function () {
|
|
||||||
alert('Hello ' + this.name + '!');
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
## Example with parameter annotations
|
|
||||||
|
|
||||||
```
|
|
||||||
var MyService = ng.Class({
|
|
||||||
constructor: [String, [new Query(), QueryList], function(name, queryList) {
|
|
||||||
...
|
|
||||||
}]
|
|
||||||
});
|
|
||||||
```
|
|
||||||
|
|
||||||
is equivalent to ES6:
|
|
||||||
|
|
||||||
```
|
|
||||||
class MyService {
|
|
||||||
constructor(name: string, @Query() queryList: QueryList) {
|
|
||||||
...
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
## Example with inheritance
|
|
||||||
|
|
||||||
```
|
|
||||||
var Shape = ng.Class({
|
|
||||||
constructor: (color) {
|
|
||||||
this.color = color;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
var Square = ng.Class({
|
|
||||||
extends: Shape,
|
|
||||||
constructor: function(color, size) {
|
|
||||||
Shape.call(this, color);
|
|
||||||
this.size = size;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,42 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/util/decorators.ts#L1-L22">angular2/src/core/util/decorators.ts (line 1)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Declares the interface to be used with <a href='Class-function.html'><code>Class</code></a>.
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#extends extends?
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Optional argument for specifying the superclass.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#constructor constructor
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Required constructor function for a class.
|
|
||||||
|
|
||||||
The function may be optionally wrapped in an `Array`, in which case additional parameter
|
|
||||||
annotations may be specified.
|
|
||||||
The number of arguments and the number of parameter annotations must match.
|
|
||||||
|
|
||||||
See <a href='Class-function.html'><code>Class</code></a> for example of usage.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,51 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/compiler/compiler.ts#L71-L361">angular2/src/core/compiler/compiler.ts (line 71)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
## URL Resolution
|
|
||||||
|
|
||||||
```
|
|
||||||
var appRootUrl: AppRootUrl = ...;
|
|
||||||
var componentUrlMapper: ComponentUrlMapper = ...;
|
|
||||||
var urlResolver: UrlResolver = ...;
|
|
||||||
|
|
||||||
var componentType: Type = ...;
|
|
||||||
var componentAnnotation: ComponentAnnotation = ...;
|
|
||||||
var viewAnnotation: ViewAnnotation = ...;
|
|
||||||
|
|
||||||
// Resolving a URL
|
|
||||||
|
|
||||||
var url = viewAnnotation.templateUrl;
|
|
||||||
var componentUrl = componentUrlMapper.getUrl(componentType);
|
|
||||||
var componentResolvedUrl = urlResolver.resolve(appRootUrl.value, componentUrl);
|
|
||||||
var templateResolvedUrl = urlResolver.resolve(componetResolvedUrl, url);
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Annotations
|
|
||||||
.l-sub-section
|
|
||||||
h3.annotation Injectable
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
@Injectable()
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#compileInHost compileInHost
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
compileInHost(componentTypeOrBinding: Type | Binding)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/metadata.ts#L491-L492">angular2/src/core/metadata.ts (line 491)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
<a href='ComponentMetadata-class.html'><code>ComponentMetadata</code></a> factory function.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,37 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/metadata.ts#L57-L77">angular2/src/core/metadata.ts (line 57)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Interface for the <a href='ComponentMetadata-class.html'><code>ComponentMetadata</code></a> decorator function.
|
|
||||||
|
|
||||||
See <a href='ComponentFactory-interface.html'><code>ComponentFactory</code></a>.
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#View View
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
View(obj: {
|
|
||||||
templateUrl?: string,
|
|
||||||
template?: string,
|
|
||||||
directives?: Array<Type | any | any[]>,
|
|
||||||
pipes?: Array<Type | any | any[]>,
|
|
||||||
renderer?: string,
|
|
||||||
styles?: string[],
|
|
||||||
styleUrls?: string[],
|
|
||||||
})
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Chain <a href='ViewMetadata-class.html'><code>ViewMetadata</code></a> annotation.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,49 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/metadata.ts#L148-L220">angular2/src/core/metadata.ts (line 148)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
<a href='ComponentMetadata-class.html'><code>ComponentMetadata</code></a> factory for creating annotations, decorators or DSL.
|
|
||||||
|
|
||||||
## Example as TypeScript Decorator
|
|
||||||
|
|
||||||
```
|
|
||||||
import {Component, View} from "angular2/angular2";
|
|
||||||
|
|
||||||
@Component({...})
|
|
||||||
@View({...})
|
|
||||||
class MyComponent {
|
|
||||||
constructor() {
|
|
||||||
...
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
## Example as ES5 DSL
|
|
||||||
|
|
||||||
```
|
|
||||||
var MyComponent = ng
|
|
||||||
.Component({...})
|
|
||||||
.View({...})
|
|
||||||
.Class({
|
|
||||||
constructor: function() {
|
|
||||||
...
|
|
||||||
}
|
|
||||||
})
|
|
||||||
```
|
|
||||||
|
|
||||||
## Example as ES5 annotation
|
|
||||||
|
|
||||||
```
|
|
||||||
var MyComponent = function() {
|
|
||||||
...
|
|
||||||
};
|
|
||||||
|
|
||||||
MyComponent.annotations = [
|
|
||||||
new ng.Component({...}),
|
|
||||||
new ng.View({...})
|
|
||||||
]
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,190 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/metadata/directives.ts#L745-L903">angular2/src/core/metadata/directives.ts (line 745)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Declare reusable UI building blocks for an application.
|
|
||||||
|
|
||||||
Each Angular component requires a single `@Component` and at least one `@View` annotation. The
|
|
||||||
`@Component`
|
|
||||||
annotation specifies when a component is instantiated, and which properties and hostListeners it
|
|
||||||
binds to.
|
|
||||||
|
|
||||||
When a component is instantiated, Angular
|
|
||||||
- creates a shadow DOM for the component.
|
|
||||||
- loads the selected template into the shadow DOM.
|
|
||||||
- creates all the injectable objects configured with `bindings` and `viewBindings`.
|
|
||||||
|
|
||||||
All template expressions and statements are then evaluated against the component instance.
|
|
||||||
|
|
||||||
For details on the `@View` annotation, see <a href='ViewMetadata-class.html'><code>ViewMetadata</code></a>.
|
|
||||||
|
|
||||||
## Lifecycle hooks
|
|
||||||
|
|
||||||
When the component class implements some <a href='../lifecycle_hooks'><code>undefined</code></a> the callbacks are
|
|
||||||
called by the change detection at defined points in time during the life of the component.
|
|
||||||
|
|
||||||
## Example
|
|
||||||
|
|
||||||
```
|
|
||||||
@Component({
|
|
||||||
selector: 'greet'
|
|
||||||
})
|
|
||||||
@View({
|
|
||||||
template: 'Hello {{name}}!'
|
|
||||||
})
|
|
||||||
class Greet {
|
|
||||||
name: string;
|
|
||||||
|
|
||||||
constructor() {
|
|
||||||
this.name = 'World';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Annotations
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#constructor constructor
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
constructor({selector, properties, events, host, dynamicLoadable, compiledHostTemplate, exportAs,
|
|
||||||
moduleId, bindings, viewBindings, changeDetection = ChangeDetectionStrategy.Default,
|
|
||||||
compileChildren = true}?: {
|
|
||||||
selector?: string,
|
|
||||||
properties?: string[],
|
|
||||||
events?: string[],
|
|
||||||
host?: StringMap<string, string>,
|
|
||||||
dynamicLoadable?: boolean,
|
|
||||||
compiledHostTemplate?: any,
|
|
||||||
bindings?: any[],
|
|
||||||
exportAs?: string,
|
|
||||||
moduleId?: string,
|
|
||||||
compileChildren?: boolean,
|
|
||||||
viewBindings?: any[],
|
|
||||||
changeDetection?: ChangeDetectionStrategy,
|
|
||||||
})
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#dynamicLoadable dynamicLoadable
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Declare that this component can be programatically loaded.
|
|
||||||
Every component that is used in bootstrap, routing, ... has to be
|
|
||||||
annotated with this.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
```
|
|
||||||
@Component({
|
|
||||||
selector: 'root',
|
|
||||||
dynamicLoadable: true
|
|
||||||
})
|
|
||||||
@View({
|
|
||||||
template: 'hello world!'
|
|
||||||
})
|
|
||||||
class RootComponent {
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#compiledHostTemplate compiledHostTemplate
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Used by build tools to store the compiled template.
|
|
||||||
Not intended to be used by a user.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#changeDetection changeDetection
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Defines the used change detection strategy.
|
|
||||||
|
|
||||||
When a component is instantiated, Angular creates a change detector, which is responsible for
|
|
||||||
propagating the component's bindings.
|
|
||||||
|
|
||||||
The `changeDetection` property defines, whether the change detection will be checked every time
|
|
||||||
or only when the component tells it to do so.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#viewBindings viewBindings
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Defines the set of injectable objects that are visible to its view DOM children.
|
|
||||||
|
|
||||||
## Simple Example
|
|
||||||
|
|
||||||
Here is an example of a class that can be injected:
|
|
||||||
|
|
||||||
```
|
|
||||||
class Greeter {
|
|
||||||
greet(name:string) {
|
|
||||||
return 'Hello ' + name + '!';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@Directive({
|
|
||||||
selector: 'needs-greeter'
|
|
||||||
})
|
|
||||||
class NeedsGreeter {
|
|
||||||
greeter:Greeter;
|
|
||||||
|
|
||||||
constructor(greeter:Greeter) {
|
|
||||||
this.greeter = greeter;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'greet',
|
|
||||||
viewBindings: [
|
|
||||||
Greeter
|
|
||||||
]
|
|
||||||
})
|
|
||||||
@View({
|
|
||||||
template: `<needs-greeter></needs-greeter>`,
|
|
||||||
directives: [NeedsGreeter]
|
|
||||||
})
|
|
||||||
class HelloWorld {
|
|
||||||
}
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,108 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/compiler/dynamic_component_loader.ts#L11-L58">angular2/src/core/compiler/dynamic_component_loader.ts (line 11)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Angular's reference to a component instance.
|
|
||||||
|
|
||||||
`ComponentRef` represents a component instance lifecycle and meta information.
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#location location
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Location of the component host element.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#instance instance
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Instance of component.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#componentType componentType
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#injector injector
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#hostView hostView
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Returns the host <a href='ViewRef-interface.html'><code>ViewRef</code></a>.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#hostComponentType hostComponentType
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#hostComponent hostComponent
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#dispose dispose
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
dispose()
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Dispose of the component instance.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,44 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/compiler/component_url_mapper.ts#L4-L24">angular2/src/core/compiler/component_url_mapper.ts (line 4)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Resolve a `Type` from a <a href='ComponentMetadata-class.html'><code>ComponentMetadata</code></a> into a URL.
|
|
||||||
|
|
||||||
This interface can be overridden by the application developer to create custom behavior.
|
|
||||||
|
|
||||||
See <a href='Compiler-interface.html'><code>Compiler</code></a>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Annotations
|
|
||||||
.l-sub-section
|
|
||||||
h3.annotation Injectable
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
@Injectable()
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#getUrl getUrl
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
getUrl(component: Type)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Returns the base URL to the component source file.
|
|
||||||
The returned URL could be:
|
|
||||||
- an absolute URL,
|
|
||||||
- a path relative to the application
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,55 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/forms/model.ts#L132-L161">angular2/src/core/forms/model.ts (line 132)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Defines a part of a form that cannot be divided into other controls.
|
|
||||||
|
|
||||||
`Control` is one of the three fundamental building blocks used to define forms in Angular, along
|
|
||||||
with <a href='ControlGroup-class.html'><code>ControlGroup</code></a> and <a href='ControlArray-class.html'><code>ControlArray</code></a>.
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#constructor constructor
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
constructor(value?: any, validator?: Function)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#updateValue updateValue
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
updateValue(value: any, {onlySelf, emitEvent, emitModelToViewChange}?:
|
|
||||||
{onlySelf?: boolean, emitEvent?: boolean, emitModelToViewChange?: boolean})
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#registerOnChange registerOnChange
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
registerOnChange(fn: Function)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,107 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/forms/model.ts#L238-L288">angular2/src/core/forms/model.ts (line 238)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Defines a part of a form, of variable length, that can contain other controls.
|
|
||||||
|
|
||||||
A `ControlArray` aggregates the values and errors of each <a href='Control-class.html'><code>Control</code></a> in the group. Thus, if
|
|
||||||
one of the controls in a group is invalid, the entire group is invalid. Similarly, if a control
|
|
||||||
changes its value, the entire group changes as well.
|
|
||||||
|
|
||||||
`ControlArray` is one of the three fundamental building blocks used to define forms in Angular,
|
|
||||||
along with <a href='Control-class.html'><code>Control</code></a> and <a href='ControlGroup-class.html'><code>ControlGroup</code></a>. <a href='ControlGroup-class.html'><code>ControlGroup</code></a> can also contain
|
|
||||||
other controls, but is of fixed length.
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#constructor constructor
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
constructor(controls: AbstractControl[], validator?: Function)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#controls controls
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#at at
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
at(index: number)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#push push
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
push(control: AbstractControl)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#insert insert
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
insert(index: number, control: AbstractControl)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#removeAt removeAt
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
removeAt(index: number)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#length length
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,42 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/forms/directives/control_container.ts#L2-L13">angular2/src/core/forms/directives/control_container.ts (line 2)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
A directive that contains multiple <a href='NgControl-class.html'><code>NgControl</code></a>.
|
|
||||||
|
|
||||||
Only used by the forms module.
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#name name
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#formDirective formDirective
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#path path
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,111 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/forms/model.ts#L161-L238">angular2/src/core/forms/model.ts (line 161)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Defines a part of a form, of fixed length, that can contain other controls.
|
|
||||||
|
|
||||||
A `ControlGroup` aggregates the values and errors of each <a href='Control-class.html'><code>Control</code></a> in the group. Thus, if
|
|
||||||
one of the controls in a group is invalid, the entire group is invalid. Similarly, if a control
|
|
||||||
changes its value, the entire group changes as well.
|
|
||||||
|
|
||||||
`ControlGroup` is one of the three fundamental building blocks used to define forms in Angular,
|
|
||||||
along with <a href='Control-class.html'><code>Control</code></a> and <a href='ControlArray-class.html'><code>ControlArray</code></a>. <a href='ControlArray-class.html'><code>ControlArray</code></a> can also contain other
|
|
||||||
controls, but is of variable length.
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#constructor constructor
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
constructor(controls: StringMap<string, AbstractControl>, optionals?: StringMap<string, boolean>, validator?: Function)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#controls controls
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#addControl addControl
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
addControl(name: string, control: AbstractControl)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#removeControl removeControl
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
removeControl(name: string)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#include include
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
include(controlName: string)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#exclude exclude
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
exclude(controlName: string)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#contains contains
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
contains(controlName: string)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,54 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/forms/directives/control_value_accessor.ts#L1-L10">angular2/src/core/forms/directives/control_value_accessor.ts (line 1)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
A bridge between a control and a native element.
|
|
||||||
|
|
||||||
Please see <a href='DefaultValueAccessor-class.html'><code>DefaultValueAccessor</code></a> for more information.
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#writeValue writeValue
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
writeValue(obj: any)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#registerOnChange registerOnChange
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
registerOnChange(fn: any)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#registerOnTouched registerOnTouched
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
registerOnTouched(fn: any)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,54 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/pipes/number_pipe.ts#L116-L145">angular2/src/core/pipes/number_pipe.ts (line 116)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
WARNING: this pipe uses the Internationalization API.
|
|
||||||
Therefore it is only reliable in Chrome and Opera browsers.
|
|
||||||
|
|
||||||
Formats a number as local currency.
|
|
||||||
|
|
||||||
# Usage
|
|
||||||
|
|
||||||
expression | currency[:currencyCode[:symbolDisplay[:digitInfo]]]
|
|
||||||
|
|
||||||
where `currencyCode` is the ISO 4217 currency code, such as "USD" for the US dollar and
|
|
||||||
"EUR" for the euro. `symbolDisplay` is a boolean indicating whether to use the currency
|
|
||||||
symbol (e.g. $) or the currency code (e.g. USD) in the output. The default for this value
|
|
||||||
is `false`.
|
|
||||||
For more information about `digitInfo` see <a href='DecimalPipe-class.html'><code>DecimalPipe</code></a>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Annotations
|
|
||||||
.l-sub-section
|
|
||||||
h3.annotation Pipe
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
@Pipe({name: 'currency'})
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3.annotation Injectable
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
@Injectable()
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#transform transform
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
transform(value: any, args: any[])
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,36 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/di/exceptions.ts#L68-L92">angular2/src/core/di/exceptions.ts (line 68)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Thrown when dependencies form a cycle.
|
|
||||||
|
|
||||||
## Example:
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
class A {
|
|
||||||
constructor(b:B) {}
|
|
||||||
}
|
|
||||||
class B {
|
|
||||||
constructor(a:A) {}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
Retrieving `A` or `B` throws a `CyclicDependencyError` as the graph above cannot be constructed.
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#constructor constructor
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
constructor(injector: Injector, key: Key)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/pipes/default_pipes.ts#L26-L27">angular2/src/core/pipes/default_pipes.ts (line 26)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/pipes/default_pipes.ts#L24-L24">angular2/src/core/pipes/default_pipes.ts (line 24)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/render/dom/dom_tokens.ts#L4-L4">angular2/src/core/render/dom/dom_tokens.ts (line 4)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
@ -1,109 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/pipes/date_pipe.ts#L21-L114">angular2/src/core/pipes/date_pipe.ts (line 21)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
WARNING: this pipe uses the Internationalization API.
|
|
||||||
Therefore it is only reliable in Chrome and Opera browsers.
|
|
||||||
|
|
||||||
Formats a date value to a string based on the requested format.
|
|
||||||
|
|
||||||
# Usage
|
|
||||||
|
|
||||||
expression | date[:format]
|
|
||||||
|
|
||||||
where `expression` is a date object or a number (milliseconds since UTC epoch) and
|
|
||||||
`format` indicates which date/time components to include:
|
|
||||||
|
|
||||||
| Component | Symbol | Short Form | Long Form | Numeric | 2-digit |
|
|
||||||
|-----------|:------:|--------------|-------------------|-----------|-----------|
|
|
||||||
| era | G | G (AD) | GGGG (Anno Domini)| - | - |
|
|
||||||
| year | y | - | - | y (2015) | yy (15) |
|
|
||||||
| month | M | MMM (Sep) | MMMM (September) | M (9) | MM (09) |
|
|
||||||
| day | d | - | - | d (3) | dd (03) |
|
|
||||||
| weekday | E | EEE (Sun) | EEEE (Sunday) | - | - |
|
|
||||||
| hour | j | - | - | j (13) | jj (13) |
|
|
||||||
| hour12 | h | - | - | h (1 PM) | hh (01 PM)|
|
|
||||||
| hour24 | H | - | - | H (13) | HH (13) |
|
|
||||||
| minute | m | - | - | m (5) | mm (05) |
|
|
||||||
| second | s | - | - | s (9) | ss (09) |
|
|
||||||
| timezone | z | - | z (Pacific Standard Time)| - | - |
|
|
||||||
| timezone | Z | Z (GMT-8:00) | - | - | - |
|
|
||||||
|
|
||||||
In javascript, only the components specified will be respected (not the ordering,
|
|
||||||
punctuations, ...) and details of the the formatting will be dependent on the locale.
|
|
||||||
On the other hand in Dart version, you can also include quoted text as well as some extra
|
|
||||||
date/time components such as quarter. For more information see:
|
|
||||||
https://api.dartlang.org/apidocs/channels/stable/dartdoc-viewer/intl/intl.DateFormat.
|
|
||||||
|
|
||||||
`format` can also be one of the following predefined formats:
|
|
||||||
|
|
||||||
- `'medium'`: equivalent to `'yMMMdjms'` (e.g. Sep 3, 2010, 12:05:08 PM for en-US)
|
|
||||||
- `'short'`: equivalent to `'yMdjm'` (e.g. 9/3/2010, 12:05 PM for en-US)
|
|
||||||
- `'fullDate'`: equivalent to `'yMMMMEEEEd'` (e.g. Friday, September 3, 2010 for en-US)
|
|
||||||
- `'longDate'`: equivalent to `'yMMMMd'` (e.g. September 3, 2010)
|
|
||||||
- `'mediumDate'`: equivalent to `'yMMMd'` (e.g. Sep 3, 2010 for en-US)
|
|
||||||
- `'shortDate'`: equivalent to `'yMd'` (e.g. 9/3/2010 for en-US)
|
|
||||||
- `'mediumTime'`: equivalent to `'jms'` (e.g. 12:05:08 PM for en-US)
|
|
||||||
- `'shortTime'`: equivalent to `'jm'` (e.g. 12:05 PM for en-US)
|
|
||||||
|
|
||||||
Timezone of the formatted text will be the local system timezone of the end-users machine.
|
|
||||||
|
|
||||||
# Examples
|
|
||||||
|
|
||||||
Assuming `dateObj` is (year: 2015, month: 6, day: 15, hour: 21, minute: 43, second: 11)
|
|
||||||
in the _local_ time and locale is 'en-US':
|
|
||||||
|
|
||||||
{{ dateObj | date }} // output is 'Jun 15, 2015'
|
|
||||||
{{ dateObj | date:'medium' }} // output is 'Jun 15, 2015, 9:43:11 PM'
|
|
||||||
{{ dateObj | date:'shortTime' }} // output is '9:43 PM'
|
|
||||||
{{ dateObj | date:'mmss' }} // output is '43:11'
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Annotations
|
|
||||||
.l-sub-section
|
|
||||||
h3.annotation Pipe
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
@Pipe({name: 'date'})
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3.annotation Injectable
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
@Injectable()
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#transform transform
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
transform(value: any, args: any[])
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#supports supports
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
supports(obj: any)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,171 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/debug/debug_element.ts#L9-L137">angular2/src/core/debug/debug_element.ts (line 9)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
A DebugElement contains information from the Angular compiler about an
|
|
||||||
element and provides access to the corresponding ElementInjector and
|
|
||||||
underlying dom Element, as well as a way to query for children.
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#componentInstance componentInstance
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#nativeElement nativeElement
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#elementRef elementRef
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#getDirectiveInstance getDirectiveInstance
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
getDirectiveInstance(directiveIndex: number)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#children children
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Get child DebugElements from within the Light DOM.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#componentViewChildren componentViewChildren
|
|
||||||
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Get the root DebugElement children of a component. Returns an empty
|
|
||||||
list if the current DebugElement is not a component root.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#triggerEventHandler triggerEventHandler
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
triggerEventHandler(eventName: string, eventObj: Event)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#hasDirective hasDirective
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
hasDirective(type: Type)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#inject inject
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
inject(type: Type)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#getLocal getLocal
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
getLocal(name: string)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#query query
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
query(predicate: Predicate<DebugElement>, scope?: Function)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Return the first descendant TestElement matching the given predicate
|
|
||||||
and scope.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3#queryAll queryAll
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
queryAll(predicate: Predicate<DebugElement>, scope?: Function)
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
Return descendant TestElememts matching the given predicate
|
|
||||||
and scope.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,66 +0,0 @@
|
||||||
|
|
||||||
p.location-badge.
|
|
||||||
exported from <a href='../core'>angular2/core</a>
|
|
||||||
defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/pipes/number_pipe.ts#L56-L94">angular2/src/core/pipes/number_pipe.ts (line 56)</a>
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
WARNING: this pipe uses the Internationalization API.
|
|
||||||
Therefore it is only reliable in Chrome and Opera browsers.
|
|
||||||
|
|
||||||
Formats a number as local text. i.e. group sizing and seperator and other locale-specific
|
|
||||||
configurations are based on the active locale.
|
|
||||||
|
|
||||||
# Usage
|
|
||||||
|
|
||||||
expression | number[:digitInfo]
|
|
||||||
|
|
||||||
where `expression` is a number and `digitInfo` has the following format:
|
|
||||||
|
|
||||||
{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}
|
|
||||||
|
|
||||||
- minIntegerDigits is the minimum number of integer digits to use. Defaults to 1.
|
|
||||||
- minFractionDigits is the minimum number of digits after fraction. Defaults to 0.
|
|
||||||
- maxFractionDigits is the maximum number of digits after fraction. Defaults to 3.
|
|
||||||
|
|
||||||
For more information on the acceptable range for each of these numbers and other
|
|
||||||
details see your native internationalization library.
|
|
||||||
|
|
||||||
# Examples
|
|
||||||
|
|
||||||
{{ 123 | number }} // output is 123
|
|
||||||
{{ 123.1 | number: '.2-3' }} // output is 123.10
|
|
||||||
{{ 1 | number: '2.2' }} // output is 01.00
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Annotations
|
|
||||||
.l-sub-section
|
|
||||||
h3.annotation Pipe
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
@Pipe({name: 'number'})
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
|
||||||
h3.annotation Injectable
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
@Injectable()
|
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
|
||||||
h2 Members
|
|
||||||
.l-sub-section
|
|
||||||
h3#transform transform
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint
|
|
||||||
code.
|
|
||||||
transform(value: any, args: any[])
|
|
||||||
|
|
||||||
:markdown
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue