angularjs - 如何确定 View 中文本的方向？

Question

我需要一个指令来确定方向文本并添加一个类作为“rtl”或“ltr”，n 以便分配属性:

.rtl
{
  text-align: right;
  direction: rtl;
}
.ltr
{
  text-align: left;
  direction: ltr;
}

如何检查文本的对齐方式？

Answer 1

当您处理 View 中元素的文本时，过滤器通常比指令更有用:

app.filter('direction', function () {
  return function (text) {
    var rtlRegex = new RegExp('[\u0591-\u07FF\uFB1D-\uFDFD\uFE70-\uFEFC]+');
    var textalign = ( rtlRegex.test(text) ) ? 'rtl': 'ltr';
    return textalign;
  }
});

在 View 中

<p ng-class="(item.text | direction)">{{item.text}}</p>

在 CSS 中定义:

.rtl {
    direction: rtl;
}

.ltr {
    direction: ltr;
}