Я использую ngx-json-viewer, чтобы «украсить» мой json с помощью сворачиваемых полей. Ниже показано, как я его загружаю:
<ngx-json-viewer class = "" [json] = "avroData" [expanded] = "false"></ngx-json-viewer>
Он работает так, как написано, однако поля либо все свернуты, либо все не свернуты. Я хочу, чтобы пользователь мог щелкнуть именно то поле, которое он хочет развернуть, а не сразу все раскрывать. Ниже представлены изображения:
Вот как это выглядит после того, как развернут только первый список «полей»:

Я бы хотел, чтобы все вложенные поля внутри первых «полей» были свернуты, пока пользователь не щелкнет одно из них. Есть ли способ сделать это с помощью ngx-json-viewer?
Я тоже пробовал использовать json-formatter-js, но это дало некоторые проблемы с рендерингом dom, поскольку я не использую Angularjs.

У меня тоже такая же проблема. -A - 1 ----- 1.1 - 2 - 3 ----- 3.1 -B - alpha - beta - gamma Когда я по умолчанию сверну, и после того, как компонент будет отрисован в сворачиваемом режиме, тогда Я нажимаю, чтобы открыть дерево. Все листья дерева открываются в один клик. Это должно позволять перемещаться по всему дереву. Что происходит, когда я пытаюсь открыть узел A, тогда также открываются узлы 1 и 3.