Question

用Angular.Dart弄湿我的脚。查看这些Exercises on GitHub

在第2章中，当运行index.html时，我注意到在将musthes替换为数据之前的经典闪烁。

应用通常的＆＃39; data-ng-cloak =＆＃34;＆＃34; ＆＃39;只显示一个空白屏幕。删除了数据 - ＆＃39;一切都很好。

这是Dartanium问题还是数据？不再适用于Angular.Dart？

<!DOCTYPE html>
<html ng-app>
<head>
    <title>Chapter Two - A Simple Recipe Book</title>
    <link rel="stylesheet" href="../web/style.css">
</head>
<body>

 <div recipe-book ng-cloak=""> <!-- blank screen if using 'data-ng-cloak' -->
   <h3>Recipe List - {{ctrl.CtrlName}}</h3>
   <ul>
     <li class="pointer"
      ng-repeat="recipe in ctrl.recipes"
      ng-click="ctrl.selectRecipe(recipe)">
    {{recipe.name}}
  </li>
</ul>

<h3>Recipe Details - {{ctrl.CtrlName}}</h3>
<div><strong>Name: </strong>{{ctrl.selectedRecipe.name}}</div>
<div><strong>Category: </strong>{{ctrl.selectedRecipe.category}}</div>
<div><strong>Rating: </strong>{{ctrl.selectedRecipe.rating}}</div>
<div>
  <ul>
    <li ng-repeat="ingredient in ctrl.selectedRecipe.ingredients">
      {{ingredient}}
    </li>
  </ul>
</div>
    <div><strong>Directions: </strong>{{ctrl.selectedRecipe.directions}}</div>
  </div>

  <script src="packages/shadow_dom/shadow_dom.min.js"></script>
  <script type="application/dart" src="../web/main.dart"></script>
  <script type="text/javascript" src="packages/browser/dart.js"></script>
</body>
</html>

Answer 1

据我所知，'data -`前缀尚不支持，但正在进行中。

在这里您可以找到讨论https://github.com/angular/angular.dart/issues/519

您需要添加支持ng-cloak的CSS 另见angular.dart seems to be slow

Angular.Dart - 在Dartium中使用ng-cloak

1 个答案: