javascript - ng-repeat 中的多个表达式 if else

Question

<div ng-repeat="book in books">
<a href="#/{{book.title}}"> <h3 class="title">{{book.title}}</h3></a>
</div>

我使用上面的代码获取并且工作正常，但我还有一个搜索功能，它也会设置 $scope.books .不幸的是，我无法控制 api，搜索回调返回了不同的方案，意味着要获得我必须导航到其他地方的书名，比如 book.category.item.title .

所以我想做这样的事情

<a href="#/{{book.title || book.category.item.title}}">

检查是否设置了book.title，否则显示另一个表达式。是否正确？

Answer 1

相反，我更喜欢使用 ng-href

<a ng-href="{{getTitle()}}">link</a>

在您的 Controller 中，通过检查那里的逻辑返回 url。

angular.module("app",[])
   .controller("MainCtrl", function($scope) {
      $scope.book = {};
      $scope.book.title = null;
      $scope.book.category = {
        item : {
          title : "Rafi"
        }
      }
      $scope.getTitle = function() {
        return '#/'+ ($scope.book.title || $scope.book.category && $scope.book.category.item && $scope.book.category.item.title);
      }
    });

DEMO

如果您出于某种原因不想使用 Controller :

 <a ng-href="{{'#/'+(book.title || book.category.item.title)}}">