AngularJS関数がjson文字列値で更新に失敗する

Question

ドロップダウンメニューがng-repeatで作成されていますが、jsonが文字列の場合、関数が失敗します。しかし、整数であればうまく動作します。

HERE IS EXAMPLE

あなたたちが見ることができるように、チャートが年を選択し、ドロップダウンでうまくアップロードされます。 私はデータが元のため整数であると信じています。 "year": 2011

私もクォータードロップダウンがあります。 "quarter": "1"で、これは更新に失敗しますが、もし私が"quarter": 2を持っていればうまく動作します。

<select class="YearSelector" ng-model="selectedyear" ng-change="sampleDropDown()"> 
     <option ng-repeat="year in filterOptions.stores | unique: 'year'"> 
     {{ year.year }}</option> 
    </select> 
    Quarter: 
    <select class="QuarterSelector" ng-model="$parent.quarter" ng-change="sampleDropDown()"> 
     <option ng-repeat="quarter in filterOptions.stores | unique: 'quarter'"> 
     {{ quarter.quarter }}</option> 
    </select> 

My機能：

$scope.sampleDropDown = function(){ 
myChart.data = getData(data, $scope.selectedyear, $scope.quarter); 
myChart.draw(500); 

}

Answer 1

HTMLマークアップのように見えますが、オプション値が先頭の改行で終わります。あなたはすべて1行になるためにあなたのHTMLオプションのマークアップを変更した場合

"year value ' 
     2011'" 

：コンソールで

function getData(data, year, quarter) { 
    console.log("year value '" + year + "'") ; 

あなたが表示されます：あなたは、次のようにconsole.logを追加する場合は、それを見ることができます私はあなたがうまく行くと思う、例えば四半期：

<option ng-repeat ...>{{ quarter.quarter }}</option> 

また、+ ng-repeatオプションの代わりにAngular's ngOptionsを使用することもできます。

Answer 2

私は@charlietfl手段は、あなただけの番号にあなたの文字列を変換すべきだと思います。

$scope.sampleDropDown = function(){ 
    myChart.data = getData(data, parseInt($scope.selectedyear), parseInt($scope.quarter)); 
    myChart.draw(500); 
    } 

IMOの場合、エラーはmyChart.drawでAngularよりも多くなるようです。