Question

我有以下代码：

$scope.books.Name =$scope.books.Name+ '  (Disposed)';

Html代码是：它是绑定文本。我想要将不同颜色分配给$ scope.books.Name的r.h.s部分我该怎么办？我是棱角分明的新手。 OP IS：税务处置。我想要改变税色。

Answer 1

如果没有完整的代码，很难理解你想要达到的目标（也许我的英语很弱，但是你用r。h。s。？），无论如何，ngClass（和自定义CSS类）可能有用吗？

Answer 2

简单的答案是使用ng-class。这是一个有效的例子：

＆＃13;

var app = angular.module('myApp', []);

app.controller('myCtrl', function() {
  var vm = this;
  
  vm.books = [{
    author: 'Dickens',
    title: 'A Christmas Carol',
    disposed: false
  },
  {
    author: 'Twain',
    title: 'The Adventures of Huckleberry Finn',
    disposed: true
  }];
});

＆＃13;

.disposed {
  color: red;
}

th, td {
  padding: 2px 10px;
  text-align: left;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

<div ng-app="myApp">
  <div ng-controller="myCtrl as C">
    <table>
      <tr>
        <th>Author</th>
        <th>Title</th>
      </tr>
      <tr ng-repeat="book in C.books">
        <td>
          {{book.author}}
        </td>
        <td>
          <span ng-class="{disposed: book.disposed}">
            {{book.title}}
          </span>
          <span ng-if="book.disposed">
            &nbsp;(Disposed)
          </span>
        </td>
      </tr>
    </table>
  </div>
</div>

＆＃13;

Angular js风格变化

2 个答案: