JsonTree: fix jsonTree angular binding (#17608)

The API changed so it expects a numeric level rather than a boolean flag.  Since 6.1 plugins using jsonTree just show an empty div

public/app/core/components/jsontree/jsontree.ts

@@ -11,12 +11,18 @@ coreModule.directive('jsonTree', [
         rootName: '@',
         rootName: '@',
       },
       },
       link: (scope: any, elem) => {
       link: (scope: any, elem) => {
-        const jsonExp = new JsonExplorer(scope.object, 3, {
+        let expansionLevel = scope.startExpanded;
+        if (scope.startExpanded === 'true') {
+          expansionLevel = 2;
+        } else if (scope.startExpanded === 'false') {
+          expansionLevel = 1;
+        }
+        const jsonObject = { [scope.rootName]: scope.object };
+        const jsonExp = new JsonExplorer(jsonObject, expansionLevel, {
           animateOpen: true,
           animateOpen: true,
         });
         });
-
         const html = jsonExp.render(true);
         const html = jsonExp.render(true);
-        elem.replaceAll(html);
+        elem.append(html);
       },
       },
     };
     };
   },
   },