не показывать список в jstree и угловой - PullRequest
Новая
       9

не показывать список в jstree и угловой

0 голосов
/ 17 ноября 2018

Мне нужно показать все роли в Angular6 с помощью Jstree.

Я получаю весь список с сервера, но он ничего мне не показывает.

как я могу решить эту проблему?

Мой код:

Конфигурация в индексе: 

<!doctype html>
<html lang="en">
   <head>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
    <title>StoreAp</title>
    <base href="/">
  </head>
  <body>
    <app-root></app-root>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
  </body>
</html>

HTML: 

<div class="addRole">
    <div id="jstree">

    </div>
</div>
<script>

  $('#jstree').on('changed.jstree',function(data){
          var i,j;
          var postItem =[];
          j=data.selected.lenght;
          for( i=0 ; i<j ; i++ )
          {
              var id=data.selected[i];
              postItem.push({
                text:data.instanse.get_node(data.selected[i]).text,
                id:id,
                parent:data.node.parents[0]
              });
          }
          $('#selectedItems').val(JSON.stringify(postItem));
      }).jstree({
        "core":{
          "theme":{
            "variant":"large"
          },
          "data":subroles
        },
        "checkbox":{
          "keep_selected_style":false
        },
        "plugin":["wholerow"]

      });

</script>

и в файле .TS 

export class AccessLevelComponent implements OnInit {

  public subroles:Isubrole[];

  constructor(private roleService:RoleServiceService) { }

  ngOnInit() {
    this.roleService.GetSubrole().subscribe((data)=>{
      this.subroles=data;
    });

  }
}
...