AngularJs Update-Funktion mit <select> funktioniert nicht

Question

Ich habe sehr schwierige Zeit mit AngularJS. Ich versuche einige meiner Arbeiten mit reinem HTML in angularjs zu konvertieren. Meine Update-Funktion funktioniert nicht mit AngularjS

Dieser Arbeitscode mit reinem HTML: Immer wenn ich aus dem Dropdown-Menü auswählen, wird es gut aktualisiert.

<div id="year" class="btn-group"> 
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
    <span class="selection" data-selection="Year">Select Year</span><span class="caret"></span> 
    </button> 
     <ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu"> 

     <li class="dropdown-submenu year"> 
      <a tabindex="-1" href="#" >2011</a> 
     </li> 
     <li class="dropdown-submenu year"> 
      <a tabindex="-1" href="#" >2012</a> 
     </li> 

d3.selectAll('.dropdown-submenu.year > a').on("click", function(d) { 
year = this.text; 
chartsUpdate(); 

});

Hier versucht, mit AngularJS Gleiche zu erreichen:

Year: 
<select class="YearSelector"> 
    <option ng-repeat="year in chart_data | unique: 'FiscalYear' | orderBy:'FiscalYear'" > 
     {{ year.FiscalYear }}</option> 
</select> 

d3.selectAll('.YearSelectors').on("click", function (d) { 
     FiscalYear = this.text; 
     chartsUpdate(); 
    }); 

aktualisieren, uns hier meine chartsUpdate() Funktion:

function chartsUpdate() { 
     myChart.data = getData(data, FiscalYear, Quarter); 
     myChart.draw(500); 
    } 

ich mehrere Möglichkeiten versucht haben, aber keine Arbeit, ich fühle mich wie Ich mache etwas wirklich grundlegendes falsches. Ich bin immer noch Neuling mit HTML und angularjs. Vielen Dank im Voraus für jede Hilfe oder Anregungen

Answer 1

Ich müsste Ihren Controller sehen, aber theoretisch würde ich vorschlagen.

Aber wie Sie eckig lernen, sollten Sie ng-Optionen mit Ihrer Auswahl verwenden.

Answer 2

Verwenden ng Wechsel und ngoptions

<select class="YearSelector" 
     ng-change="chartsUpdate()" 
     ng-options="year.FiscalYear for year in chart_data | unique: 'FiscalYear' | orderBy:'FiscalYear'"> 
</select>