angularjs - 连接angularjs中的字段

Question

考虑以下：

 <ul class="contracts">
            <li ng-repeat="contract in contracts" class="thumbnail">
                <h3>ID:{{contract.Id}}</a></h3>                    
                <h4>Owner: {{contract.Person.firstName}} {{contract.Person.lastName}}</h4>
           </li>
  </ul>

好的，这行得通，我可以通过连接名字和姓氏来显示所有者。但是，最好在某处拥有一个属性 FullName。如果 Person 为 null，则该属性将返回 firstname + lastname 或“None”。

我的问题是我不知道在哪里添加这个属性。将它添加到合同控制器中感觉很奇怪，因为它与 Person 更相关。但我没有 Person 控制器。这样做的方法是什么？

Answer 1

假设您有合同服务

angular.factory('Contract', ['$resource', function($resource) {
  var Contract = $resource(...);
  ...

  Contract.prototype.getOwner = function() {
    if (this.Person) {
      return this.Person.firstName + this.Person.lastName;
    }
    return 'None';
  }

  return Contract;

}]);

然后您可以将其用作

<h4>Owner: {{contract.getOwner()}}</h4>