服务器响应错误代码106

Question

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

<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

“代码106”是一个较小的字体（抱歉，无法弄清楚如何在markdown中更改范围样式。）但是使用上面的代码，范围被message绑定覆盖外段标签。如何使用嵌套的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 ng-bind

服务器响应错误代码106

2 个答案: