angular js 避免UI闪烁

<body ng-controller="PhoneListCtrl">
  <ul>
    <li ng-repeat="phone in phones">
      {{ phone.name }}
      <p>{{ phone.snippet }}</p>
    </li>
  </ul>
</body>

// 这个代码在数据载入之前会出现  {{ phone.name }}等字样,等数据加载完毕再显示正确数值
// 用下面这段代码来避免出现UI闪烁

<body ng-controller="PhoneListCtrl">
  <ul>
    <li ng-repeat="phone in phones">
      <span ng-bind="phone.name"></span>
      <p ng-bind="phone.snippet">Optional: visually pleasing placeholder</p>
    </li>
  </ul>
</body>

猜你喜欢

转载自blog.csdn.net/ruo_62/article/details/46473533