Question

我在canvas标签中有一个游戏。当我点击游戏实体时，我想打开一个模态并在视图中，能够访问被点击对象的属性。

这是我点击游戏实体时调用的函数：

function pause(player) {
  $('myModal').modal();
}

以下是渲染模态的视图：

#myModal.modal.fade(tabindex='-1', role='dialog', aria labelledby='myModalLabel', aria-hidden='true')
  .modal-dialog
     .modal-content
       .modal-header
         button.close(type='button', data-dismiss='modal', aria-label='Close')
          span(aria-hidden='true') &times;
        h4#myModalLabel.modal-title 
      .modal-body
        h5 Object Properties
        ul.list-group
          -// List all properties of the player object here
        form
          .form-group
            label.control-label(for='script-text') Text:
            input#script-text.form-control(type='text')
      .modal-footer
        button.btn.btn-primary.pull-left(type='button') Submit
        button.btn.btn-default(type='button', data-dismiss='modal') Cancel

如何从视图中访问player对象？我确信这有一个简单的答案，但我似乎无法弄明白。

Answer 1

您可以在打开模态后简单地写入.modal-body容器：

function pause(player) {
    $('#myModal').modal().find('.modal-body').html(JSON.stringify(player));
}

当然，您可能希望更好地格式化对象属性而不是JSON.stringify。

如何在模态视图中访问对象

1 个答案: