I am having very difficult time with AngularJS. I trying to convert some of my work with pure html to angularjs. My update function is not working on AngularjS

This working code with pure html: Whenever I make selection from dropdown it will update just fine.

<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();

});

Here trying to achieve same thing with AngularJS:

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(); });

Update, Here us my chartsUpdate() function:

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

I have tried multiple ways to but none work, I feel like I am doing something really basic wrong. I am still newbie with both html and angularjs. Thanks in advance for any help or suggestions