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

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。

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

How can I access an object in a modal view

javascript

node.js

twitter-bootstrap-3

pug