javascript - 上下文菜单动态创建？

Question

我点击了以下链接: https://codepen.io/templarian/pen/VLKZLB

但是在这里单击“更多选项”时，我必须获取动态填充的名称，例如

var Obj = [{name:"1st Item",taste:"sweet"},{name:"2nd item",taste:"spicy"}];

替换“警报成本”和“警报玩家金币”。

我试过了，但无法进入动态循环。

Answer 1

你可以这样做......将这段代码添加到演示 Controller 的函数中。

$scope.arr = [];
  for(let x of [{name:"1st Item",taste:"sweet"},{name:"2nd item",taste:"spicy"}]) {
    let newArr = [];
    newArr.push(x.name);
    newArr.push(function ($itemScope) {
              alert($itemScope.item.cost);
          });
    $scope.arr.push(newArr);
  }

然后用 $scope.arr 替换旧数组 Alert Cost"和 "Alert Player Gold"。

$scope.menuOptions = [
      ['Buy', function ($itemScope) {
          $scope.player.gold -= $itemScope.item.cost;
      }],
      null,
      ['Sell', function ($itemScope) {
          $scope.player.gold += $itemScope.item.cost;
      }, function ($itemScope) {
          return $itemScope.item.name.match(/Iron/) == null;
      }],
      null,
      ['More...', $scope.arr]
  ];

瞧，你很高兴。这是工作代码笔示例。 Working example https://codepen.io/anon/pen/jGBJMY?editors=1010