AngularJS中数据库字段中的数字状态位在前台显示时转换为汉字

当我们查询数据库中的信息时，关于表示状态的字段，通常用0，1，2....表示，然而在视图上用户并不能理解字段的真正含义，因为他不是表的设计者，所以就需要进行转换。

数据库表中有字段——业务开通标志（bsOpenSign），它的取值有两种：0，关闭；1，开通

    显然后者更能直观的表达字段的含义。

//查询到的数据存到items中
$scope.items=[];

前台显示代码：

<table>
  <thead>
    <tr>
      <td>业务开通标志</td>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="item in items">
      <td>{{item.bsOpenSign}}</td>
    </tr>
  </tbody>
</table>

运行结果：

 

---------------------------------------------------------------------------------进行转换----------------------------------------------------------------------------

 

方法一：三目运算符

<table>
  <thead>
    <tr>
      <td>业务开通标志</td>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="item in items">
      <td>{{item.bsOpenSign =='1'? '开通':'关闭'}}</td>
    </tr>
  </tbody>
</table>

方法二：ng-show

<table>
  <thead>
    <tr>
      <td>业务开通标志</td>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="item in items">
      <td>
        <span ng-show="item.bsOpenSign == '1'">开通</span>
        <span ng-show="item.bsOpenSign == '0'">关闭</span>
      </td>
    </tr>
  </tbody>
</table>

运行结果：

当状态位有多个时，显然用方法二比较简单。