小编sun*_*rya的帖子

我试图在Angular 2应用程序中显示一个对话框.我使用下面的代码.我能够打开对话框,现在我需要将数据传递给对话框,我该怎么做？我尝试编写JQuery代码来做到这一点,但JQuery代码在angular2应用程序中对我不起作用.

<div class="container">
    <h2>Modal Example</h2>
    <!-- Trigger the modal with a button -->
    <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

    <!-- Modal -->
    <div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Modal Header</h4>
                </div>
                <div class="modal-body">
                    <p>Some text in the modal.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>

        </div>
    </div>

</div>

我有一个angular2应用程序,我想根据用户操作动态检查或取消选中.

这是我的功能,

• 我有一个复选框,单击此复选框我要求用户输入
  他/她的电子邮件并按下提交按钮.用户按下
  提交按钮后,我会显示一个弹出窗口,说明您的电子邮件已保存.然后我隐藏了文本框和提交按钮.除此之外,我想取消选中用户在第一个地方检查的复选框以输入电子邮件.

当我尝试使用它

document.getElementById("checkBoxID").checked = false;

我收到编译错误

错误:(33,60)TS2339:"HTMLElement"类型中不存在"已检查"属性.

我在某个地方进行了研究,发现这个属性可以被"选中"而不是"已检查",但即使这样也行不通.

我可以使用带有布尔值的*ngIf的变通方法,并在我的组件中写入两个复选框,一个用'checked',一个用'unchecked',并根据布尔值相应地渲染它们并保持设置布尔值点击按钮,但我相信这将是一个肮脏的解决方案.

Angular2肯定会有更简单的事情,我在这里缺少:(