Javascript 将值传递给angular应用程序中的引导模式弹出窗口
我在span&ng repeat的帮助下创建了一些标记。当用户单击任何标签上的移除按钮时,我打开一个模式弹出窗口。此模式弹出窗口有一个删除按钮。此删除按钮依次调用一个函数 我想向这个删除功能传递一些信息,但我不确定如何将删除按钮的id传递给弹出的模式弹出窗口 这是同样的Javascript 将值传递给angular应用程序中的引导模式弹出窗口,javascript,jquery,angularjs,twitter-bootstrap,bootstrap-modal,Javascript,Jquery,Angularjs,Twitter Bootstrap,Bootstrap Modal,我在span&ng repeat的帮助下创建了一些标记。当用户单击任何标签上的移除按钮时,我打开一个模式弹出窗口。此模式弹出窗口有一个删除按钮。此删除按钮依次调用一个函数 我想向这个删除功能传递一些信息,但我不确定如何将删除按钮的id传递给弹出的模式弹出窗口 这是同样的 <div ng-app> <div ng-controller="TodoCtrl"> <div ng-app="" ng-init="names=['One','Two',
<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>
-
{{x}
&时代;
确认删除
您将要删除一个曲目,此过程是不可逆的
你想继续吗
取消删除
添加ng单击将解决您的问题。但在这里,这种方法会有一点改变
在a
标记中添加ng单击
<a data-toggle="modal" ng-click="setID(x)" data-target="#confirm-delete">
<i class="remove glyphicon glyphicon-remove-sign glyphicon-white">
</i>
</a>
现在,您可以在delete方法中访问该变量
更新的plunkerdo
ng click=“deleteMe(x)”
@entre:每个buttuon将具有不同的值。我不确定传递x
删除按钮在这种情况下会有什么帮助。请检查每个按钮是否在ng repeat内。。因此,x在ng repeat范围内(也包括按钮)可供您使用@entre:但模式弹出div不在ng repeat范围内这正是我所想的,但我希望有更好的解决方案。谢谢你的回复,这很有帮助。(y) 。不要介意接受它,如果这是你想要的,我已经投了赞成票&如果我没有更好的解决方案,我会把它标记为答案。再次感谢您的建议:)
$scope.setID = function(x) {
$scope.valueToBeRemoved = x;
};