Javascript 在Angular JS中优雅地错误输出模板变量

当角度应用程序中有一行代码导致错误时，整个模板将被破坏

例如，此代码（当我们尝试为

foo.bar

赋值时会导致错误）：

我的应用程序
信息：{{hello_msg}}
var myApp=angular.module（'myApp'，['myApp.controllers']）；
angular.module（'myApp.controllers'，[]）。
控制器（'MainCtrl'，['$scope'，函数（$scope）{
var hello_msg='hello！'；
$scope.hello\u msg=hello\u msg；
//格式错误的JS
foo.bar=‘应用程序中断’；
}]);

完全断开页面，如下所示：

---

是否有一些配置选项，我可以添加到我的Angular应用程序中，以便页面更优雅地显示出来？具体而言，如果应用程序中出现错误，则包装在

{{

和

}

中的模板中的变量根本不会显示它们。

更优雅地出错的一种方法是使用：

<div ng-bind-html="hello_msg">

当

foo.bar

中断应用程序时，丑陋的

{{{hello\u msg}}

将不会显示

---

请核实一下，这证明了这一点

---

重要提示

---

若要使用而不是花括号，您需要在模块中包含该选项

，但这不起作用。模板仍然是坏的，即使我包括ng斗篷

<div ng-bind-html="hello_msg">