这是带有引导程序的有角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吗?
答案 0 :(得分:1)
如果没有Java脚本,这一切都是不可能的。如果您检查按钮甚至输入类型按钮的所有属性,则必须使用onclick触发按钮单击时的任何事件,并且大多数时候onclick会调用脚本编写的函数。 您只能使用type = submit或href导航到其他页面。
所以从我的角度来看,这几乎是不可能的。
答案 1 :(得分:1)
您可以执行此操作。如果创建可重复使用模态的模态工厂,则更容易。我找到了一个清晰的示例可以帮助您:
https://stackoverflow.com/questions/25341798/how-do-i-add-a-reusable-modal-dialog-in-angular
如果您不理解,这里是另一个示例:
https://codepen.io/capelo/pen/wKeEA
好课。
答案 2 :(得分:1)
没有 JavaScript是不可能的,但是没有添加 JavaScript是可能的。您可以在模态中玩<div>
,并在自己想播放的游戏中玩toggle-collapse
。唯一的问题是您无法传递带有data属性的文本,但我认为这与您想要的一样。
我认为最好写几行Javascript,但是您问是否可以在不添加自定义Java的情况下做到这一点,这就是我的答案。并且是否有自定义{{1} }属性,因为它们必须与Javascript一起使用。希望对您有所帮助。
JSFiddle:https://jsfiddle.net/alvarofvr/p9fzydt7/22/
代码段:
data