Angularjs 使用部分文件时，引导转盘无法正常工作

我不熟悉bootstrap和AngularJs。我正在为我当前的应用程序使用引导和Angular Js。当我直接在索引页内使用引导转盘时，转盘的滑动链接工作得绝对完美。但是，当我使用ng view通过部分文件加载旋转木马标记时，幻灯片链接无法正常工作。它只工作了一次，下一次就不工作了。我错在哪里。我正在粘贴下面的代码：

<div class="corousal-container">
  <div class="col-md-12">
    <ul id="tabs" class="ops-tabs">
      <li class="col-md-4 ops-list active">
        <a href="#" class="ops-block">
          <span class="header">Charts</span>
        </a>
      </li>
      <li class="col-md-4 ops-list">
        <a href="#" class="ops-block">
          <span class="header">Graphs</span>
        </a>
      </li>
      <li class="col-md-4 ops-list">
        <a href="#" class="ops-block">
          <span class="header">Reports</span>
        </a>
      </li>
    </ul>  
  </div>
</div>
<div class="col-md-12">
  <div data-ride="carousel" class="carousel slide" id="execView">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-slide-to="0" data-target="#execView" class="active"></li>
      <li data-slide-to="1" data-target="#execView" class=""></li>
      <li data-slide-to="2" data-target="#execView" class=""></li>
    </ol>
    <div class="carousel-inner">
      <div class="item">
        <div class="container" id="pie-chart1">
        </div>
      </div>
      <div class="item">
        <div class="container" id="pie-chart2">
        </div>
      </div>
      <div class="item active">
        <div class="container" id="pie-chart3">
          <div class="carousel-caption">
            <canvas class="canvas" id="canvas" style="width: 400px; height: 400px;" width="600" height="600"></canvas>
          </div>
        </div>
      </div>
    </div>
    <a data-slide="prev" href="#execView" class="left carousel-control"><span class="fa fa-angle-left"></span></a>
    <a data-slide="next" href="#execView" class="right carousel-control"><span class="fa fa-angle-right"></span></a>
  </div>
</div>

如果您使用的是ng view，则需要在加载html后创建引导

旋转木马。您可以在
onload
方法中执行此操作

<div ng-view onload="viewLoaded()"></div>


$scope.viewLoaded=function(){
 $('.carousel ').carousel()
}


$scope.viewLoaded=函数（）{
$（'.carousel'）.carousel（）
}
为此使用角度引导指令


我看到，当我点击链接时，它会调用控制器，然后再次加载ng视图，这就是滑块无法正常工作的原因。有任何解决此问题的建议吗？
viewLoaded
函数中有什么内容？没有javascript代码。我只是在使用引导css代码。你能详细说明一下吗？它是在你的HTML被加载后执行的。否则，您正在尝试在部分加载之前创建一个旋转木马，但它不起作用。很抱歉。我不明白加载HTML后执行的是什么。我相信，滑块之所以能工作是因为CSS。您能告诉我需要进入
viewLoaded
函数内部的代码吗？我不明白这一点：
$（'.carousel'）.carousel（）
。在Bootstrap.js中，
carousel（）函数定义在哪里