angularjs - Angular Material md-grid-list 在页面刷新时重叠

Question

我正在研究 Angular Material 应用程序。我有一个页面需要列出多种语言。我正在使用 md-grid-list 而不是传统的 ul 和 li。然而，当页面加载/刷新时，列表会在几分之一秒内重叠，然后才能正确显示。

代码

  <md-grid-list md-cols-md="3" md-cols-lg="3" md-cols-sm="3" md-cols-xs="2" md-row-height-gt-sm="6:1" md-row-height="7:1" md-gutter="33px">
      <md-grid-tile ng-repeat="language in vm.languages" class="language">
          <a data-ng-click="vm.changeLanguage(language.key)"><span ng-bind="language.language | humanize"></span></a>
      </md-grid-tile>
  </md-grid-list>

如果有人可以为此分享解决方案，那就太好了。

Answer 1

尝试将 ng-cloack 作为“md-grid-list”的属性。

  <md-grid-list md-cols-md="3" md-cols-lg="3" md-cols-sm="3" md-cols-xs="2" md-row-height-gt-sm="6:1" md-row-height="7:1" md-gutter="33px">
      <md-grid-tile ng-repeat="language in vm.languages" class="language">
          <a data-ng-click="vm.changeLanguage(language.key)"><span ng-bind="language.language | humanize"></span></a>
      </md-grid-tile>
  </md-grid-list>