javascript-将值传递给angular应用程序中的引导模式弹出窗口
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-将值传递给angular应用程序中的引导模式弹出窗口,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1741字,纯文字阅读大概需要3分钟。
内容图文
我在span&的帮助下创建了一些标签. ng-repeat.当用户单击任何标签上的“删除”按钮时,我会打开一个模式弹出窗口.此模式弹出窗口具有删除按钮.该删除按钮又调用一个功能.
我想将一些信息传递给该删除功能,但是我不确定如何将删除按钮的ID传递给出现的模态弹出窗口.
这是相同的fiddle.
<div ng-app>
<div ng-controller="TodoCtrl">
<div ng-app="" ng-init="names=['One','Two','Three']">
<ul>
<li ng-repeat="x in names"> <span class="tag label label-info">
<span>{{x}}</span>
<a data-toggle="modal" data-target="#confirm-delete"><i class="remove glyphicon glyphicon-remove-sign glyphicon-white"></i></a>
</span>
</li>
</ul>
</div>
<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Confirm Delete</h4>
</div>
<div class="modal-body">
<p>You are about to delete one track, this procedure is irreversible.</p>
<p>Do you want to proceed?</p>
<p class="debug-url"></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> <a ng-click="deleteMe()" class="btn btn-danger btn-ok" data-dismiss="modal">Delete</a>
</div>
</div>
</div>
</div>
</div>
</div>
解决方法:
添加ng-click将解决您的问题.但是这里将对方法进行一些调整.
将ng-click添加到a标签.
<a data-toggle="modal" ng-click="setID(x)" data-target="#confirm-delete">
<i class="remove glyphicon glyphicon-remove-sign glyphicon-white">
</i>
</a>
然后添加一个临时变量以保存要删除的值(在您的情况下为x)
$scope.setID = function(x) {
$scope.valueToBeRemoved = x;
};
现在,您可以在delete方法中访问该变量.
更新了塞子here
内容总结
以上是互联网集市为您收集整理的javascript-将值传递给angular应用程序中的引导模式弹出窗口全部内容,希望文章能够帮你解决javascript-将值传递给angular应用程序中的引导模式弹出窗口所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。