使用动态ID时引导程序崩溃不起作用

Question

为引导程序崩溃创建动态ID时遇到问题。 首先，当我点击任何处于ng重复的主题时，它应该折叠并给我问题列表。

在这里的问题是，当我点击它崩溃的第一个话题，但是当我点击第二个话题的第一个话题崩溃是获得第二个主题问题列表数据

HTML：

<div class="topic-div"> 
        <p class="topic-heading">Topics</p> 
       </div> 
       <div class="arrow-down"></div> 
       <ul> 
        <li ng-repeat="topics in oJdDetails.topics" class="topic-li" ng-click="fngetQList(topics,$index)"> 
         <p class="topics-p"> {{topics}}</p> 
         <ul uib-collapse="isCollapsed"> 
          <li ng-repeat="value in aQuestionList">{{value.quesList.quesListName}}</li> 
         </ul> 
        </li> 
       </ul> 

的js ：

$scope.fngetQList = function(topics, index) { 
      debugger; 
      $scope.isCollapsed = true; 
      $scope.displayQList = true; 
      $scope.sTopics = topics; 
      $scope.index = index; 
      getCandidateInterviewListService.fnGetQList(topics).then(function(response) { 
       $scope.aQuestionList = response; 
       console.log($scope.aQuestionList); 
      }); 
     }; 

我不明白如何使它工作。任何帮助将不胜感激。

Answer 1

看来你正在使用普通的bootstrap库，它不会与angularjs一起使用。 尝试使用https://angular-ui.github.io/bootstrap/#/collapse

Answer 2

尽量避免使用jQuery与Angular，尤其是Bootstrap。 Angular的UI团队为Bootstrap编写了Angular包装器。

http://angular-ui.github.io/bootstrap/

使用此库，而不是。你不需要这个jQuery。 http://angular-ui.github.io/bootstrap/#/collapse

这使用Bootstrap的CSS文件，Javascript部分由Angular提供，因此您不需要为它使用jQuery。

角本身就是一个足够大的Javascript库，所以不要通过安装jQuery来扩大应用程序。