angularjs避免ngrepeat的空字段

Question

刪除| currency:"£"過濾器時，該功能似乎沒有問題。有沒有選擇只顯示當前用戶數量？

(function() { 
 
    var app = angular.module('myApp', []); 
 
    app.controller('roomController', function($scope) { 
 
    $scope.users = [{ 
 
     id: 1, 
 
     firstname: 'member', 
 
     spent: 206.98 
 
    }, { 
 
     id: 2, 
 
     firstname: 'member', 
 
     spent: 12.23 
 
    }, { 
 
     id: 3, 
 
     firstname: 'member', 
 
     spent: 302.12 
 
    }, { 
 
     id: 4, 
 
     firstname: 'member', 
 
     spent: 198.21 
 
    }, { 
 
     id: 5, 
 
     firstname: 'member', 
 
     spent: 85.85 
 
    }]; 
 
    $scope.currentuser = 4; 
 
    }); 
 
})();

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp"> 
 
    <div ng-controller="roomController"> 
 
    <h2 ng-repeat="user in users"><i class="fa fa-gbp"></i> {{ user.id === currentuser ? user.spent: '' | currency:"£"}}</h2> 
 
    </div> 
 
</div>

Answer 1

如果我理解正確的，你不需要三元運算符，而不是多數民衆贊成被重複<h2>把一個ng-if。

見下文：

(function() { 
 
    var app = angular.module('myApp', []); 
 
    app.controller('roomController', function($scope) { 
 
    $scope.users = [{ 
 
     id: 1, 
 
     firstname: 'member', 
 
     spent: 206.98 
 
    }, { 
 
     id: 2, 
 
     firstname: 'member', 
 
     spent: 12.23 
 
    }, { 
 
     id: 3, 
 
     firstname: 'member', 
 
     spent: 302.12 
 
    }, { 
 
     id: 4, 
 
     firstname: 'member', 
 
     spent: 198.21 
 
    }, { 
 
     id: 5, 
 
     firstname: 'member', 
 
     spent: 85.85 
 
    }]; 
 
    $scope.currentuser = 4; 
 
    }); 
 
})();

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp"> 
 
    <div ng-controller="roomController"> 
 
    <h2 ng-repeat="user in users" ng-if="user.id === currentuser"><i class="fa fa-gbp"></i> {{ user.spent | currency:"£"}}</h2> 
 
    </div> 
 
</div>