Компонент автозаполнения в форме углового интервала для прохождения объектов / древовидных структур - PullRequest
Новая
       38

Компонент автозаполнения в форме углового интервала для прохождения объектов / древовидных структур

0 голосов
/ 09 июля 2019

В настоящее время я занимаюсь разработкой программного обеспечения, которое ведет себя как IDE (например, код Visual Studio), но в браузере.Мне нужен компонент для angular / typcript, который действует как типичный intellisense IDE.Пользователь пишет текст и автозаполнение всплывающих окон, которые подсказывают созданные пользовательскими переменными.Проблема в том, что я хочу, чтобы он включал древовидные структуры.

Допустим, пользователь создал эту структуру объектов 

"tree":
{
  "root_array": [],
  "root_simple": "",
  "root_complex": {
    "childArray": [
      {
        "Leaf1": ""
      }
    ],
    "leaf2": ""
  },
  "root_complex_array": [
    {
      "child_complex": {
        "leaf3": "",
        "leaf_array": []
      }
    }
  ]
}

Я хочу показать что-то вроде:

enter image description here

С отслеживанием каретки и уровнем хинтинга и т. Д.

Сейчас я сам разрабатываю этот компонент (как показано на рисунке), но это поведение просто кричит, чтобы бытьреализовано где-то в классном компоненте.Я, вероятно, плохо гуглю и пробовал безрезультатно.Буду признателен за помощь.Заранее спасибо!

...