{"_id":"5b65b08eb1906e000319f866","category":{"_id":"5b65b08eb1906e000319f855","version":"5b65b08eb1906e000319f872","project":"5707c6875309d117006948d4","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-04-08T14:56:07.661Z","from_sync":false,"order":1,"slug":"documentation","title":"Guides"},"project":"5707c6875309d117006948d4","user":"54d742a80771980d0052f4b5","parentDoc":null,"version":{"_id":"5b65b08eb1906e000319f872","project":"5707c6875309d117006948d4","__v":0,"forked_from":"5aff027686c0a90003b923b4","createdAt":"2018-03-23T13:06:33.352Z","releaseDate":"2018-03-23T13:06:33.352Z","categories":["5b65b08eb1906e000319f854","5b65b08eb1906e000319f855","5b65b08eb1906e000319f856"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"8.0.0","version":"8.0.0"},"githubsync":"","__v":0,"updates":["591186122da2211b00d2dd4d"],"next":{"pages":[],"description":""},"createdAt":"2017-02-27T07:30:33.037Z","link_external":false,"link_url":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":4,"body":"You can specify useCheckboxes option to show checkboxes, and the tree selection APIs to control and access which node is currently selected.\n[block:api-header]\n{\n  \"title\": \"Demo\"\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<iframe src=\\\"https://rawgit.com/500tech/angular-tree-component/master/example/cli/dist/#/checkboxes\\\" width=\\\"100%\\\" height=\\\"400px\\\"></iframe>\\n\"\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<a href=\\\"https://github.com/500tech/angular-tree-component/blob/master/example/cli/src/app/checkboxes/checkboxes.component.ts\\\" target=\\\"_blank\\\">Source code for this demo</a>\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"Disconnecting parent <=> child connection\"\n}\n[/block]\nBy default, parent nodes reflect and control the status of children.\nIf you wish to override this behaviour, specify `useTriState: false` in the options.","excerpt":"","slug":"tri-state-checkboxes","type":"basic","title":"Checkboxes"}
You can specify useCheckboxes option to show checkboxes, and the tree selection APIs to control and access which node is currently selected. [block:api-header] { "title": "Demo" } [/block] [block:html] { "html": "<iframe src=\"https://rawgit.com/500tech/angular-tree-component/master/example/cli/dist/#/checkboxes\" width=\"100%\" height=\"400px\"></iframe>\n" } [/block] [block:html] { "html": "<a href=\"https://github.com/500tech/angular-tree-component/blob/master/example/cli/src/app/checkboxes/checkboxes.component.ts\" target=\"_blank\">Source code for this demo</a>" } [/block] [block:api-header] { "title": "Disconnecting parent <=> child connection" } [/block] By default, parent nodes reflect and control the status of children. If you wish to override this behaviour, specify `useTriState: false` in the options.