嵌套 AngularJS 个绑定

Question

我有一个错误模式，如果 $http post returns 某个状态会显示一条消息。我现在需要能够向显示器添加错误代码。客户希望它与消息在同一行，但样式不同（小字体），所以我尝试了这个：

<p class="text-center" data-ng-bind-html="message">
   <span data-ng-if="errCode" class="small" data-ng-bind="' code ' + (errCode)"></span>
</p>

传递到我的模板中的数据如下所示：

{title: "Login Error", message: "Server Response Error", errCode: 106, button: "OK"}

他们想要的是这样的：

服务器响应错误代码 106

"code 106" 是一个较小的字体（抱歉，无法弄清楚如何在降价中更改跨度样式。）但是使用上面的代码，跨度被 [=14= 覆盖] 绑定在外部段落标记中。如何使用嵌套的 ng-bind 元素？（在将值作为单个变量传递之前连接这些值不是一种选择。）

Answer 1

您需要将内联元素用作同级元素才能执行此操作。 ng-bind-html 替换 innerHTML

<p class="text-center">
   <span  data-ng-bind-html="message"></span>
   <span data-ng-if="errCode" class="small" data-ng-bind="' code ' + (errCode)"></span>
</p>

Answer 2

答案是不使用 ng-bind 作为变量。这有效：

<p class="text-center">{{message}}<span data-ng-if="errCode" class="small"> code {{errCode}}</span></p>

嵌套 AngularJS 个绑定

Nested AngularJS ng-bind

angularjs

ng-bind

服务器响应错误代码 106