1

nvd3 angular error: [$rootscope:infdig] 10 $digest() iterations reached. aborting!

nvd3 angular ディレクティブを使用すると、このエラーが発生します。ビュー内からモデルを変更すると、このエラーが発生します。しかし、私はそれをしているとは思わない。

コードは次のとおりです。

//controller

var options = getChartOptions();
var data = getChartData();

$scope.chart = {
    data: data,
    options: options
};

//view

<nvd3 class="metrics-chart" options="chart.options" data="chart.data"></nvd3>

完全なコントローラーは次のとおりです。

var options = getChartOptions();
var data = getChartData();

$scope.chart = {
    data: data,
    options: options
};

function getChartOptions(){
    return ChartConfigService.getChartOptions();
}


function getChartData(){
    var data = [];
    var colors = {
        'GET': '#f00',
        'POST': '#0f0',
        'PUT': '#00f',
        'DELETE': '#ff0'
    };

    var verbs = ['GET', 'POST', 'PUT', 'DELETE'];

    verbs.forEach(function(verb){
        var i = 0;
        var values = [];
        var now = moment();

        while ( i < 10 ) {
            values.push({
                x: moment(now).add(i, 'minutes'),
                y: Math.round(Math.random() * 10)
            });

            i++;
        }

        data.push({
            values: values,      //values - represents the array of {x,y} data points
            key: verb, //key  - the name of the series.
            color: colors[verb]  //color - optional: choose your own line color.
        });
    });

    return data;
}
4

2 に答える 2

1

このエラーは、オプションの特定されていないプロパティがデフォルトで誤って割り当てられ、常に変化しているために発生します。私の場合は高さでした。オプションで指定したらエラーが消えました

于 2015-05-24T00:04:15.820 に答える
1

あなたのサービスは、ここに新しいオブジェクトを作成できるように見えます:

ChartConfigService.getChartOptions();

もしそうなら...

問題: Afaik は、別の $digest-cycle につながる新しいオブジェクトに新しいウォッチャーが存在します。ディレクティブ「nvd3」は「オプション」で双方向データバインディングを使用しており、それを再度解決しようとして、別の再帰呼び出しにつながると思います：

ChartConfigService.getChartOptions();

解決策: 内部で新しいオブジェクトを返さないでください:

ChartConfigService.getChartOptions();

- また - 

// var options = getChartOptions();
// function getChartOptions(){ ... }
var options = ChartConfigService.getChartOptions();

- また - 

var optionsData = ChartConfigService.getChartOptions();
function getChartOptions(){
    return optionsData;
}
于 2015-07-28T18:33:33.267 に答える