{"_id":"598622fad09433000f1b97ea","category":{"_id":"598622f9d09433000f1b97df","version":"598622f9d09433000f1b97dd","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":"598622f9d09433000f1b97dd","project":"5707c6875309d117006948d4","__v":1,"createdAt":"2017-08-05T19:56:41.267Z","releaseDate":"2017-08-05T19:56:41.267Z","categories":["598622f9d09433000f1b97de","598622f9d09433000f1b97df","598622f9d09433000f1b97e0","598622f9d09433000f1b97e1"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"4.1.0","version":"4.1.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"}