Javascript 在angularJS中使用{{}}查看输出角度变量名称中的加载时间显示

加载视图时，角度变量名称显示在输出中

test_1.js

控制器文件具有赋值变量

$scope.title = "My View";

test_1.html

是html视图文件

<h1> {{ title }} </h1>

但是一些小时间的展示

{{ title }} 

流程完成后，显示

title

变量的右值

我希望此

{{title}}

类型的输出不显示在浏览器中

如何可能？

您需要使用以避免此问题

NgClope指令用于防止角度html模板 从浏览器在其原始（未编译）状态下短暂显示 窗体，而您的应用程序正在加载。使用此指令可避免 html模板显示引起的不希望出现的闪烁效果

该指令可应用于

元素，但通常为 为了从中受益，最好使用细粒度应用程序 浏览器视图的渐进式渲染

范例

<h1 ng-cloak> {{ title }} </h1>

{{title}

您需要使用以避免此问题

NgClope指令用于防止角度html模板 从浏览器在其原始（未编译）状态下短暂显示 窗体，而您的应用程序正在加载。使用此指令可避免 html模板显示引起的不希望出现的闪烁效果

该指令可应用于

元素，但通常为 为了从中受益，最好使用细粒度应用程序 浏览器视图的渐进式渲染

范例

<h1 ng-cloak> {{ title }} </h1>

{{title}

在Anguar进入图片、绑定所有内容并更新变量之前，您看到的是原始HTML。一种可能的方法是通过内联CSS隐藏整个HTML，然后通过编程方式显示可能的重复。您看到的是原始HTML，然后Anguar进入图片并绑定所有内容，并更新变量。一种可能的方法是通过内联CSS隐藏整个HTML，然后通过编程方式显示可能的重复。