Question

这是带有引导程序的有角1。

我有两个按钮：

<button type="button" data-toggle="modal" data-target="#myModal" data-name="jack">
    Btn 1
</button>

<button type="button" data-toggle="modal" data-target="#myModal" data-name="jill">
    Btn 2
</button>

然后我有一个模态：

<div id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                Hello name
            </div>
        </div>
    </div>
</div>

我知道，使用javascript控制器可以很容易地做到这一点。但我想知道是否可以在没有JavaScript的情况下解决此问题。如果单击Btn 1，我想显示文本Hello jack。如果单击Hello jill，则Btn 2。基本上：我可以直接在视图中读取变量data-name吗？

Answer 1

如果没有Java脚本，这一切都是不可能的。如果您检查按钮甚至输入类型按钮的所有属性，则必须使用onclick触发按钮单击时的任何事件，并且大多数时候onclick会调用脚本编写的函数。您只能使用type = submit或href导航到其他页面。

所以从我的角度来看，这几乎是不可能的。

Answer 2

您可以执行此操作。如果创建可重复使用模态的模态工厂，则更容易。我找到了一个清晰的示例可以帮助您：

https://stackoverflow.com/questions/25341798/how-do-i-add-a-reusable-modal-dialog-in-angular

如果您不理解，这里是另一个示例：

https://codepen.io/capelo/pen/wKeEA

好课。

Answer 3

没有 JavaScript是不可能的，但是没有添加 JavaScript是可能的。您可以在模态中玩<div>，并在自己想播放的游戏中玩toggle-collapse。唯一的问题是您无法传递带有data属性的文本，但我认为这与您想要的一样。

我认为最好写几行Javascript，但是您问是否可以在不添加自定义Java的情况下做到这一点，这就是我的答案。并且是否有自定义{{1} }属性，因为它们必须与Javascript一起使用。希望对您有所帮助。

JSFiddle：https://jsfiddle.net/alvarofvr/p9fzydt7/22/

代码段：

data

将变量从按钮传递到模式

3 个答案: