开始接触 Angular.Dart。回顾这些Exercises on GitHub
在第 2 章中,运行 index.html 时,我注意到 mustache 被数据替换之前出现了经典的闪烁。
应用了通常的“data-ng-cloak=""”,结果显示为空白屏幕。 删除“数据-”,一切都很好。
这是 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>
最佳答案
据我所知,“data-”前缀尚不受支持,但正在进行中。
在这里您可以找到讨论https://github.com/angular/angular.dart/issues/519
您需要添加支持ng-cloak
的CSS
另请参阅angular.dart seems to be slow
关于dart - Angular.Dart - 在 Dartium 中使用 ng-cloak,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22459753/