Question

我正在使用Angular-JSON-Tree，以便呈现一些JSON对象。但是无论我做什么，树的宽度都不会占用整个空间。现在，我继承的代码CSS特别复杂又愚蠢，但我无法理解为什么未应用宽度。

用于JSON树的CSS：

json-tree {

  .key {
    @include font-size(13);
    // color: $blue;
    font-weight: bold;
  }

  .branch-preview {
    max-width:100%
  }

  json-node {
    &.expandable {
      &::before {
        top:3px;
      }
    }
  }
}

这是Angular View（AngularJS 1.5.x）：

            <div ng-if="d.key">
                <json-tree src="d.key" name="'KEY'" collapsed="true" display-object-size="false"
                    display-data-types="false" enable-clipboard="false"></json-tree>
            </div>
            <div ng-if="d.value">
                <json-tree src="d.value" name="'VALUE'" collapsed="true" display-object-size="false"
                    display-data-types="false" enable-clipboard="false"></json-tree>
            </div>
            <span ng-if="d.metadata">
                <span style="font-size:10px;font-weight:bold;">OFFSET:</span>
                <span style="font-size:11px;">{{d.metadata.offset}}</span>
                <span class="mx-1" style="color: lightgray;">|</span>

                <span style="font-size:10px;font-weight:bold;">PARTITION:</span>
                <span style="font-size:11px;">{{d.metadata.partition}}</span>

                <span ng-if="d.timestamp != -1">
                    <span class="mx-1" style="color: lightgray;">|</span>
                    <span style="font-size:10px;font-weight:bold;">TIMESTAMP:</span>
                    <span style="font-size:11px;">{{d.metadata.timestamp | date:'yyyy-MM-dd HH:mm:ss'}}</span>
                </span>
            </span>

不知道这是怎么回事，但是我所做的一切都没有用。这是一件自由的事，这是一件继承的事。而且由于分页实际上是依靠JSON树中的实际宽度和位置，因此无法正常工作。不知道该怎么办。预先感谢

角Json树|仅在部分屏幕上渲染

0 个答案: