gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 02:58:24 24 4
gpt4 key购买 nike

用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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com