Javascript 将值传递给angular应用程序中的引导模式弹出窗口

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',

我在span&ng repeat的帮助下创建了一些标记。当用户单击任何标签上的移除按钮时,我打开一个模式弹出窗口。此模式弹出窗口有一个删除按钮。此删除按钮依次调用一个函数

我想向这个删除功能传递一些信息,但我不确定如何将删除按钮的id传递给弹出的模式弹出窗口

这是同样的

<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">&times;</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;
  };