honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
angular-cn/packages/examples/platform-browser/dom/debug/ts/by/by.ts

26 lines
591 B
TypeScript
Raw Normal View History

chore(lint): Added license headers to most TypeScript files Relates to #9380
2016-06-23 12:47:54 -04:00
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
repackaging: all the repackaging changes squashed
2016-04-28 20:50:03 -04:00
import {DebugElement} from '@angular/core';
style(lint): re-format modules/@angular
2016-06-08 19:38:52 -04:00
import {By} from '@angular/platform-browser';
docs(*): Document a lot more symbols that are missing comments in our generated docs.
2015-12-03 18:49:09 -05:00
refactor(): use const and let instead of var
2016-11-12 08:08:58 -05:00
let debugElement: DebugElement;
docs(*): Document a lot more symbols that are missing comments in our generated docs.
2015-12-03 18:49:09 -05:00
class MyDirective {}
// #docregion by_all
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-14 00:35:21 -05:00
debugElement.query(By.all());
docs(*): Document a lot more symbols that are missing comments in our generated docs.
2015-12-03 18:49:09 -05:00
// #enddocregion
// #docregion by_css
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-14 00:35:21 -05:00
debugElement.query(By.css('[attribute]'));
docs(*): Document a lot more symbols that are missing comments in our generated docs.
2015-12-03 18:49:09 -05:00
// #enddocregion
// #docregion by_directive
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-14 00:35:21 -05:00
debugElement.query(By.directive(MyDirective));
docs(*): Document a lot more symbols that are missing comments in our generated docs.
2015-12-03 18:49:09 -05:00
// #enddocregion