Question

我正在使用UI Carousel，但在访问其中的父范围时遇到困难。下面是相同的演示代码。

<div class="col-md-9 col-lg-9 col-sm-12 col-xs-12" id="menuCard">
       <div class="food-item-section" ng-repeat="type in foodTypes">
           <p class="food-section-header">
                {{type.toUpperCase()}}
           </p>
           <ui-carousel 
                slides="slideMenu[type.toUpperCase()]"
                slides-to-show="3"
                slides-to-scroll="1"
                initial-slide="1"
                autoplay="false",
                dots = "true"
                >
          <carousel-item>
            <div class="item-box">
               <img src="../images/FoodItems/{{item.itemName}}.jpg" class="img img-thumbnail img-responsive" />
                <h4 class="text-center">{{item.itemName}}</h4>
                 <h3 class="text-center">₹ {{item.itemPrice }}</h3>
                 <div class="text-center">
                 <div class="col-md-5 col-sm-12 col-xs-12 col-lg-5">
                 <button class="btn btn-sm btn-menu btn-success" ng-click="increaseQuantity(item)">+</button>

问题是没有调用函数increaseQuantity。它在控制器中定义如下：

$scope.increaseQuantity = function(item) {
  console.log(item);
};

需要帮助。

Answer 1

看看here，您可以在items数组中尝试以下操作：

items.map((item) { 
    item.callback = () => { 
        console.log(item); 
    } 
    return item;
});

然后：

ng-click="item.callback()"

访问UI轮播中的父范围

1 个答案: