angular.dart 似乎很慢 [英] angular.dart seems to be slow
问题描述
我正在尝试 angular.dart 并且发现它很慢.当加载包含 angular 的 html 页面时,首先看到 angular 指令,然后对其进行适当转换.不是应该瞬间转换,用户不应该看到我们是否使用了angular?
I am trying angular.dart and saw that its slow. When am html page is loaded containing angular, angular directive is seen first, which are then converted appropriately. Shouldn't it be converted instantaneously and the user should not see whether we are using angular ?
<!DOCTYPE html>
<html ng-app>
<head>
<title>Hello, World!</title>
</head>
<body>
<h3>Hello {{name}}!</h3>
name: <input type="text" ng-model="name">
<script type="application/dart" src="main.dart"></script>
<script type="text/javascript" src="packages/browser/dart.js"></script>
</body>
</html>
推荐答案
用 class="ng-cloak" 的标签环绕 {{name}}.我使用了跨度标签.通过指定 css 规则 .ng-cloak{ display:none;}.加载 angular 后,它将从 span 标签中删除 class="ng-cloak",一切都会按预期工作.
Surround {{name}} with a tag having class="ng-cloak". I used span tag. Keep it hidden by specifying css rule .ng-cloak{ display:none; }. When angular is loaded, it will remove class="ng-cloak" from the span tag and everything will work as expected.
<!DOCTYPE html>
<html ng-app>
<head>
<title>Hello, World!</title>
<style>
.ng-cloak{ display:none;}
</style>
</head>
<body>
<h3>Hello <span class="ng-cloak">{{name}}</span>!</h3>
name: <input type="text" ng-model="name">
<script type="application/dart" src="main.dart"></script>
</body>
</html>
这篇关于angular.dart 似乎很慢的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!