Как добавить несколько флажков (просмотреть, добавить, удалить) и получить значение отмеченных узлов с помощью компонента углового дерева - PullRequest
Новая
       17

Как добавить несколько флажков (просмотреть, добавить, удалить) и получить значение отмеченных узлов с помощью компонента углового дерева

0 голосов
/ 14 мая 2019

В моих требованиях есть несколько флажков на странице шаблона компонентов дерева (html) для просмотра, добавления, удаления и как получить значение этих флажков, используя угловые компоненты дерева. Щелкните по событию, чтобы отобразить значение отмеченных узлов в консоли. Любой, пожалуйста, помогите мне

Я ссылаюсь на эту ссылку https://angular2 -tree.readme.io / docs / templates

Это мои узлы 

nodes = [
      {
        Id:1,
        Code:'code 1',
        Name:"Masters",
        ParentId:0,
        Active:true,
        View:true,
        Add:true,
        Delete:true,
        nodes: [
          { Id:2,Name:'Agents',ParentId:1,
          nodes:[
          {Id:3, Name: 'Details', ParentId:2, View:true, Add:true, Delete:true},
          {Id:4, Name: 'Contact', ParentId:2, View:true, Add:true, Delete:true},
          {Id:5, Name: 'Bank Details', ParentId:2, View:true, Add:true, Delete:true},
        ]
      },
      { Id:6,Name:'Subscribers',ParentId:1,
          nodes:[
          {Id:7, Name: 'Details',ParentId:6, View:true, Add:true, Delete:true},
          {Id:8, Name: 'Enrollment',ParentId:6, View:true, Add:true, Delete:true},
          {Id:9, Name: 'Address',ParentId:6, View:true, Add:true, Delete:true},
          {Id:10, Name: 'Proofs',ParentId:6, View:true, Add:true, Delete:true},
          {Id:11, Name: 'Nomination',ParentId:6, View:true, Add:true, Delete:true},
          {Id:12, Name: 'Security',ParentId:6, View:true, Add:true, Delete:true},

        ]
      },
      { Id:13,Name:'Group',ParentId:1,
          nodes:[
          {Id:14, Name: 'Details',ParentId:13, View:true, Add:true, Delete:true},
          {Id:15, Name: 'Subscribers',ParentId:13, View:true, Add:true, Delete:true},
          {Id:16, Name: 'Auctions',ParentId:13, View:true, Add:true, Delete:true},

        ]
      },
      { Id:17,Name:'Employee',ParentId:1,
          nodes:[
          {Id:18, Name: 'Basic',ParentId:17, View:true, Add:true, Delete:true},
          {Id:19, Name: 'Address',ParentId:17, View:true, Add:true, Delete:true},
          {Id:20, Name: 'Personal Info',ParentId:17, View:true, Add:true, Delete:true},
          {Id:21, Name: 'Family',ParentId:17, View:true, Add:true, Delete:true},
          {Id:22, Name: 'Emergency Contact',ParentId:17, View:true, Add:true, Delete:true},
          {Id:23, Name: 'Proofs',ParentId:17, View:true, Add:true, Delete:true},
          {Id:24, Name: 'Education',ParentId:17, View:true, Add:true, Delete:true},
          {Id:25, Name: 'Employeement History',ParentId:17, View:true, Add:true, Delete:true},
          {Id:26, Name: 'Reference',ParentId:17, View:true, Add:true, Delete:true},

        ]
      },

          {Id:27, Name: 'Zone',ParentId:1, View:true, Add:true, Delete:true},
          {Id:28, Name: 'Branch',ParentId:1, View:true, Add:true, Delete:true},
          {Id:29, Name: 'Scheme',ParentId:1, View:true, Add:true, Delete:true},

      ]
      }

    ];

И, HTML-страница, 


<tree-root #tree [focused]="true" [options]="options" [nodes]="nodes"></tree-root>
<button (click)="click(tree.treeModel)">sendData</button>
...