大括号在 AngularJS 中不一致

Question

我正在使用 AngularJS（和 Bootstrap）开发 SPA，并且有多个控制器，每个控制器都用于特定的页面和功能。 由于站点必须支持任何语言，因此在选择语言时从数据库中检索所有标签，并将其添加到 $rootScope（即 $rootScope.Labels）中。 这在使用时非常有效：

  <h2>{{Labels.Title}}:</h2>

现在，当构建额外的数据并将其添加到 $rootScope 以进行演示时，会出现一个页面，类似于 $rootScope.Page_A_Values。

在调试模式 (Chrome) 下运行并打印到控制台 $rootScope.Page_A_Values 的内容时，所有定义的字符串都按预期存在。

在页面的 HTML 中，我包含了如下内容：

 <h2>{{Labels.This_Page_Title}}: {{Page_A_Values.Actual_Title}}</h2>

得到：

 Title:

（“标题”是“Labels.This_Page_Title”的值）

意思是，“Page_A_Values.Actual_Title”被替换为空（我猜替换发生是因为没有显示大括号）。

不用说，我试过{{$rootScope.Page_A_Values.Actual_Title}}也没有奏效。

Answer 1

愚蠢的我！ 来自页面控制器的内容的结构是一个 JSON，忘记将字符串“解析”成一个真正的 JSON 对象。 现在它按预期工作。