使用ng-repeat中的特定JSON数据填充Bootstrap模式

Question

我想用JSON数据填充Bootstrap模态，但只填充已单击的特定于Bootstrap卡的JSON数据。

PYTHONPATH=/usr/mario/python/sampletest python main.py

我正在使用ng-repeat列出多个Bootstrap卡。每张卡都包含来自.json文件的JSON数据。在我的控制器中，我正在使用工厂。

$scope.fruitModal = function() {

  var vm = this;

  var fruits =  $scope.fruits;

  vm.data = fruits;
  vm.activeFruit = {};
  vm.changeActiveFruit = changeActiveFruit;

  function changeActiveFruit(index){
    vm.activeFruit = index;
  }
}

这里是ng-repeat的卡片div

foodFactory.getFruits().then(function(fruits) {
      $scope.fruits = fruits.data;

    });

我想使用ng-click一次根据用户点击一次只填充一张卡的信息的模态

<div class="card ng-cloak mx-0" data-ng-click="foodController.changeActiveFruit(fruit)" data-toggle="modal" data-target="#fruit-info" data-ng-repeat="fruit in fruits>

出现模态，但是没有数据显示吗？谢谢！