UI Bootstrap Dropdown für Angularjs zeigt mehrere Werte wiederholt in Django

Question

Ich versuche, ein UI-Bootstrap-Dropdown in einem Django-Projekt zu erstellen. Das ist mein HTML-Code:

 <div class="container"> 
      <div ng-controller="mainController"> 
       <div class="btn-group" uib-dropdown is-open="status.isopen"> 
        <button id="single-button" type="button" class="btn btn-primary" uib-dropdown-toggle ng-disabled="disabled"> 
         Discrete Distributions <span class="caret"></span> 
        </button> 
        <ul class="dropdown-menu" uib-dropdown-menu aria-labelledby="simple-dropdown"> 
         <li ng-repeat="discrete in discretes"> 
          <a href>{% templatetag openvariable %} discrete {% templatetag closevariable %}</a> 
         </li> 
        </ul> 
       </div> 
      </div> 
     </div> 

Und das ist mein js Code:

var stats = angular.module('stats', ['rzModule', 'ui.bootstrap']); 

stats.controller('mainController', ['$scope', '$log', 
    function($scope, $log){ 
     $scope.discretes = ['Bernoulli', 'Binomial', 'Multinoulli', 'Multinomial', 'Geometric', 'Poisson']; 
}]); 

Ausgabe sieht aus wie das Bild unten. Ich habe alle Dropdown-Codes in here versucht. Ich bin neu in Angularjs und Django, aber ich denke, es geht um Django. Leider konnte ich den Grund nicht finden. Bitte hilf mir, es zu finden.

Answer 1

Haben Sie versucht, den Rohwert von ‚discretes‘ auf dem Bildschirm zu sehen, was es enthält? Dies könnte Ihnen helfen, das Problem zu isolieren.