Question

无论我做什么，我都无法在我的模态内部工作。如果重要的是，模态在使用angularJS的ng-repeat内，并且动态调用模态id

    <!--======== Trigger ========-->
    <a data-toggle="modal" href='#{{faIcon.iconSelect}}'>Trigger Modal</a>


    <!--======== modal ========-->
    <div class="modal fade" id="{{faIcon.iconSelect}}">
      <div class="modal-dialog modal-lg">
        <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"><i class="fa fa-fw">{{faIcon.theIcon}}</i>{{faIcon.name}}</h4>
          </div>





          <div class="modal-body">
            <h1><i class="fa fa-fw">{{faIcon.theIcon}}</i></h1>

             <!-- Nav tabs -->
              <ul class="nav nav-tabs" role="tablist" id="myTab">
                <li class="active"><a href="#1" data-toggle="tab">1</a></li>
                <li><a href="#2" data-toggle="tab">2</a></li>
                <li><a href="#3" data-toggle="tab">3</a></li>

              </ul>

              <!-- Tab panes -->
              <div class="tab-content">
                <div class="tab-pane active" id="1">1</div>
                <div class="tab-pane" id="2">2</div>
                <div class="tab-pane" id="3">3</div>

              </div>

          </div>






          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>

            <input ng-copy="copied=true" ng-init="copied=false; value='copy me'" ng-model="value">opied: {{copied}}

          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <!--======== modal ========-->

我错过了初学者代码或其他什么

Answer 1

根据我的测试，似乎您对代码没有任何问题，因此问题可能在您的代码的另一行。

使这种事情发生的最容易但最常见的事情是你可能会忘记关闭一些标签..

任何人都可以看到为什么引导标签不能在我的模态中工作？

1 个答案: