angular-docs-cn/modules/angular2/examples
Julie Ralph e1bf3d33f8 feat(debug): replace DebugElement with new Debug DOM
Now, using `ng.probe(element)` in the browser console returns
a DebugElement when in dev mode.

`ComponentFixture#debugElement` also returns a new DebugElement.

Breaking Change:

This is a breaking change for unit tests. The API for the DebugElement
has changed. Now, there is a DebugElement or DebugNode for every node
in the DOM, not only nodes with an ElementRef. `componentViewChildren` is
removed, and `childNodes` is a list of ElementNodes corresponding to every
child in the DOM. `query` no longer takes a scope parameter, since
the entire rendered DOM is included in the `childNodes`.

Before:

```
componentFixture.debugElement.componentViewChildren[0];
```

After
```
// Depending on the DOM structure of your component, the
// index may have changed or the first component child
// may be a sub-child.
componentFixture.debugElement.children[0];
```

Before:

```
debugElement.query(By.css('div'), Scope.all());
```

After:

```
debugElement.query(By.css('div'));
```

Before:

```
componentFixture.debugElement.elementRef;
```

After:

```
componentFixture.elementRef;
```
2016-01-29 11:28:10 -08:00
..
animate/ts
common/forms/ts/validators docs(*): Document a lot more symbols that are missing comments in our generated docs. 2015-12-15 03:04:48 +00:00
compiler/ts/url_resolver docs(*): Document a lot more symbols that are missing comments in our generated docs. 2015-12-15 03:04:48 +00:00
core feat(debug): replace DebugElement with new Debug DOM 2016-01-29 11:28:10 -08:00
facade/ts/async feat(facade): do not reexport Observable from angular2/core 2015-12-12 19:28:13 +00:00
http/ts
platform/dom/debug/ts feat(debug): replace DebugElement with new Debug DOM 2016-01-29 11:28:10 -08:00
router/ts refactor(examples): remove imports from 'angular2/angular2' 2015-12-10 21:45:58 +00:00
testing/ts docs(*): Document a lot more symbols that are missing comments in our generated docs. 2015-12-15 03:04:48 +00:00
web_workers/ts
README.md chore(examples): explain the purpose of these examples 2015-10-30 14:27:47 -07:00

README.md

API Examples

This folder contains small example apps that get in-lined into our API docs. These examples are written with idiomatic TypeScript, and are not transpiled to Dart. Each example contains tests for application behavior (as opposed to testing Angular's behavior) just like an Angular application developer would write.