如何通过带有angularjs的html标签设置内部html?

时间:2016-01-03 20:51:32

标签: angularjs

在我的HTML中,我使用这样的布局:

<h2>{{translation.settings}}</h2>

正如您可能猜到的,我正在使用多语言设置。

现在,出于某种原因,我需要在晚于正常情况下绑定angularjs控制器,因此在我的页面上呈现{{translation.settings}}的短暂时间。

显然这不可取。

我一直在使用淘汰赛一段时间,处理这种不便的一种方法是通过html标签设置元素的值,例如:

<h2 data-bind="text: translation.settings"></h2> 

angularjs中是否有办法通过html标签设置内部元素的文本值?

或者,由于这是一个可能的XY问题,我可以抑制{{translation.settings}}元素中<h2>的呈现吗?

1 个答案:

答案 0 :(得分:2)

要防止在获取值之前显示模板,请使用ng-cloack指令。您可以在https://docs.angularjs.org/api/ng/directive/ngCloak

使用文档