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

How can I access an object in a modal view

本文关键字：访问 对象 视图 模态      更新时间：2023-09-26

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

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

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') ×
        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对象？我相信这个问题有一个简单的答案，但我似乎想不通。

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

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

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

相关文章：