Question

我正在使用ng-bind来避免在呈现页面时看到我的{{variables}}，并且除了当我添加()的额外字符以包装其中一个变量时它运行良好在页面仍然呈现时似乎看起来像是empty（）

<span ng-bind="(selected.id) + ' (' + (selected.serialnumber) + ') ' "></span>

任何建议的解决方案或解决方法？

Answer 1

您可以使用ng-cloack。

ngCloak指令用于阻止Angular html模板来自浏览器的原始（未编译）短暂显示在您的应用程序加载时形成。

文档。 here

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example - example-ng-cloak-production</title>
  

  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
  

  
</head>
<body ng-app="">
  <u>with ng-cloak: (Expression hidden)</u>
 <div ng-cloak>{{ 'Hello world' }}</div>
 <div class="ng-cloak">{{ 'Hello world' }}</div>
  
 <u>without ng-cloak: (Expression visible first time)</u>
 <div>{{5+3+333+555}}</div>
 <div>{{ 'world' }}</div>
</body>
</html>

使用表达式中的额外字符渲染ng-bind

1 个答案: