javascript - 将值传递给模态的最佳方法是什么？

Question

我正在使用 Mobile Angular UI并且无法弄清楚如何将值传递给模式。

//按钮

此按钮位于 ng-repeat="item in vm.items" 内，需要 item 以某种方式传递给模态。

<button class="btn btn-danger pull-right" ui-turn-on="modal">Remove</button>

//模态

  <div class="modal scrollable-content section" ui-if='modal' ui-state='modal'>
    <div class="modal-backdrop in"></div>
    <div class="modal-dialog">
      <div class="modal-content">
        <form role="form" name="note" autocomplete="off">
        <div class="modal-header">
          <button class="close" 
                  ui-turn-off="modal">&times;</button>
          <h4 class="modal-title">Are you sure?</h4>
        </div>

        <div class="modal-body">
          <p>Are you sure you'd like to remove this item?</p>
        </div>
        <div class="modal-footer">
          <button ui-turn-off="modal" class="btn btn-default">Cancel</button>
          <button type="submit" ng-click="vm.remove(item); Ui.turnOff('modal')" class="btn btn-primary">Remove</button>
        </div>
        </form>
      </div>
    </div>
  </div>

</div>

Answer 1

你可以写一个带有值的html标签(item)属性并读取值

var id = item.attributes['data-id'].value;