如何在ng-click角上實現兩種產品的比較？

Question

我需要用不同的產品ID調用相同的api，以便我可以比較兩個產品詳細信息，以及如何將兩個不同的id發送到相同的api。

這是我的點擊功能

<div class="hmpal-prprt-post-wdgt hmpal-prprt-compare" 
 ng-click="compareProjects(project.property_id)" 
 ng-repeat="project in properties"><a href="">
 <span class="prprt-icon">
  <i class="fa fa-balance-scale" aria-hidden="true"></i>
 </span>
 <span>Compare</span></a>

Answer 1

我想我了解您的要求。 您要比較用戶選擇的2個項目，假設您有項目A，B，C，D，而用戶可以選擇比較B和D。

實際上，這更多是UI / UX問題，而不是編程問題。

這是我能想到的設計之一

 angular.module('test', []).controller('Test', TestController); function TestController($scope) { $scope.items = ["A", "B", "C", "D"]; $scope.selected1 = ""; $scope.selected2 = ""; $scope.compare = ""; $scope.select = function(item) { // first select if (!$scope.selected1) { $scope.selected1 = item; return; } // second select if (!$scope.selected2) { if ($scope.selected1 == item) { $scope.selected1 = ""; return; } else { $scope.selected2 = item; compare(); return; } } // back to first select again $scope.selected1 = item; $scope.selected2 = ""; } function compare() { $scope.compare = "comparing '" + $scope.selected1 + "' and '" + $scope.selected2 + "'"; } } 

 .selected { background-color: yellow; } 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> <div ng-app='test' ng-controller='Test'> <div ng-repeat="item in items" ng-class="{'selected': item == selected1 || item == selected2}" ng-click="select(item)"> {{item}} </div> <br> <div>{{compare}}</div> </div>