AngularJs ng-controller覆盖

Question

I am newbie with AngularJS, I really need some help here.

I have JSBIN working example that displays two charts with different data.

For each chart I have different ng-controller. By issue is my select dropdown only works with <div ng-controller="first"> chart.

My goals is to update both charts with select dropdown menu.

Answer 1

If you check clearly, The $scope.filterOptions which is used in dropdown is defined in first controller. It is available in second because it is nested controller

<select ng-model="selectedyear" ng-change="sampleDropDown()"> <option ng-repeat="year in filterOptions.stores | unique: 'year'"> {{ year.year }} </option> </select>