{"_id":"59a9e41bb925cb000f923e73","category":{"_id":"59a9e41bb925cb000f923e5e","version":"59a9e41ab925cb000f923e5c","project":"5707c6875309d117006948d4","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2017-07-15T07:29:53.852Z","from_sync":false,"order":1,"slug":"api","title":"Complete API"},"project":"5707c6875309d117006948d4","user":"54d742a80771980d0052f4b5","parentDoc":null,"version":{"_id":"59a9e41ab925cb000f923e5c","project":"5707c6875309d117006948d4","__v":1,"createdAt":"2017-09-01T22:50:02.967Z","releaseDate":"2017-09-01T22:50:02.967Z","categories":["59a9e41bb925cb000f923e5d","59a9e41bb925cb000f923e5e","59a9e41bb925cb000f923e5f","59a9e41bb925cb000f923e60"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"5.0.0","version":"5.0.0"},"__v":0,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2017-07-15T07:30:23.097Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":10,"body":"[block:api-header]\n{\n \"title\": \"How to invoke methods\"\n}\n[/block]\nGet a reference to the `treeModel` attribute to access the API.\nFor example:\n[block:code]\n{\n \"codes\": [\n {\n \"code\": \"\\t<tree-root #tree [nodes]=\\\"nodes\\\"></tree-root>\\n\\n <button (click)=\\\"tree.treeModel.focusNextNode()\\\">Next</button>\\n <button (click)=\\\"tree.treeModel.focusPreviousNode()\\\">Prev</button>\\n\",\n \"language\": \"html\"\n }\n ]\n}\n[/block]\nOr using a `ViewChild`:\n[block:code]\n{\n \"codes\": [\n {\n \"code\": \"import { TreeComponent, TreeModel, TreeNode } from 'angular-tree-component';\\n\\nclass MyComponent {\\n :::at:::ViewChild('tree') treeComponent: TreeComponent;\\n\\n ngAfterInit() {\\n const treeModel:TreeModel = this.treeComponent.treeModel;\\n const firstNode:TreeNode = treeModel.getFirstRoot();\\n \\n firstNode.setActiveAndVisible();\\n }\\n}\",\n \"language\": \"javascript\"\n }\n ]\n}\n[/block]\n\n[block:api-header]\n{\n \"title\": \"Complete API\"\n}\n[/block]\nYou can find the complete API of the TreeModel here:\n[block:embed]\n{\n \"html\": false,\n \"url\": \"https://rawgit.com/500tech/angular-tree-component/master/doc/interfaces/_api_.itreemodel.html\",\n \"title\": \"ITreeModel | angular-tree-component\",\n \"favicon\": \"https://rawgit.com/favicon.ico\",\n \"iframe\": true,\n \"height\": \"2000px\"\n}\n[/block]","excerpt":"","slug":"treemodel","type":"basic","title":"TreeModel"}