docs(tree): injectable decorator set on wrong class

Fixes the `Injectable` decorator being set on the wrong class in one of the tree examples. This hasn't broken until now because that class isn't using DI anyway. Fixes #17815.
angular · Nov 29, 2019 · e00ec4d · e00ec4d
1 parent 9091330
commit e00ec4d
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/src/components-examples/material/tree/tree-dynamic/tree-dynamic-example.ts b/src/components-examples/material/tree/tree-dynamic/tree-dynamic-example.ts
@@ -14,6 +14,7 @@ export class DynamicFlatNode {
  * Database for dynamic data. When expanding a node in the tree, the data source will need to fetch
  * the descendants data from the database.
  */
+@Injectable({providedIn: 'root'})
 export class DynamicDatabase {
   dataMap = new Map<string, string[]>([
     ['Fruits', ['Apple', 'Orange', 'Banana']],
@@ -44,7 +45,6 @@ export class DynamicDatabase {
  * The input will be a json object string, and the output is a list of `FileNode` with nested
  * structure.
  */
-@Injectable()
 export class DynamicDataSource implements DataSource<DynamicFlatNode> {
 
   dataChange = new BehaviorSubject<DynamicFlatNode[]>([]);
@@ -118,8 +118,7 @@ export class DynamicDataSource implements DataSource<DynamicFlatNode> {
 @Component({
   selector: 'tree-dynamic-example',
   templateUrl: 'tree-dynamic-example.html',
-  styleUrls: ['tree-dynamic-example.css'],
-  providers: [DynamicDatabase]
+  styleUrls: ['tree-dynamic-example.css']
 })
 export class TreeDynamicExample {
   constructor(database: DynamicDatabase) {

diff --git a/src/dev-app/tree/dynamic-tree-demo/dynamic-database.ts b/src/dev-app/tree/dynamic-tree-demo/dynamic-database.ts
@@ -23,6 +23,7 @@ export class DynamicFlatNode {
  * Database for dynamic data. When expanding a node in the tree, the data
  * source will need to fetch the descendants data from the database.
  */
+@Injectable({providedIn: 'root'})
 export class DynamicDatabase {
   dataMap = new Map([
     ['Fruits', ['Apple', 'Orange', 'Banana']],
@@ -53,7 +54,6 @@ export class DynamicDatabase {
  * object represents a plant or a group of plants. The input will be a JSON object string, and
  * the output is a list of `FileNode`-s with a nested structure.
  */
-@Injectable()
 export class DynamicDataSource implements DataSource<DynamicFlatNode> {
 
   dataChange: BehaviorSubject<DynamicFlatNode[]> = new BehaviorSubject<DynamicFlatNode[]>([]);

diff --git a/src/dev-app/tree/dynamic-tree-demo/dynamic-tree-demo.ts b/src/dev-app/tree/dynamic-tree-demo/dynamic-tree-demo.ts
@@ -14,8 +14,7 @@ import {DynamicDataSource, DynamicFlatNode, DynamicDatabase} from './dynamic-dat
 @Component({
   selector: 'dynamic-tree-demo',
   templateUrl: 'dynamic-tree-demo.html',
-  styleUrls: ['dynamic-tree-demo.css'],
-  providers: [DynamicDatabase]
+  styleUrls: ['dynamic-tree-demo.css']
 })
 export class DynamicTreeDemo {