javascript - 大括号在 AngularJS 中无法一致工作

Question

我正在使用 AngularJS(和 Bootstrap)开发 SPA，并且有多个 Controller ，每个 Controller 用于特定的页面和功能。由于站点必须支持任何语言，因此在选择语言时将从数据库检索所有标签，并将其添加到 $rootScope(即 $rootScope.Labels)。当像这样使用时，效果非常好:

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

现在，当构建附加数据并将其添加到 $rootScope 进行演示时，会出现一个页面，例如 $rootScope.Page_A_Values。

在 Debug模式 (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

我真是个笨蛋!页面 Controller 的内容结构是一个 JSON，并且忘记将字符串“解析”为真正的 JSON 对象。现在它按预期工作了。