应用角度过滤器会导致布局中断

Question

我定义了一个Angular过滤器，它将+或-字符添加到整数值，具体取决于其值。该值使用CSS类居中。

但是，当浏览器居中时，似乎没有考虑前置字符......

什么是有效的解决方法？

角

angular.module('app', [])
.filter('customFormatter', function () {
    return function (input) {
        return (input > 0 ? '+ ' : '- ') + input;
    };
});

HTML

<button class="btn btn-block">
    {{ value | customFormatter }}
</button>

CSS

.btn {
   /* Default Bootstrap class */
   text-align: center;
}

Answer 1

没关系，似乎这是由于按钮填充空间不足造成的。请参阅codepen.io/anon/pen/bVbdYW