将数据传递给子窗口AngularJs

时间:2016-06-30 11:55:12

标签: javascript angularjs angular-chart

所以我对前端开发相对较新,我想要完成的是使用我创建的angular-chart.js模板打开一个子窗口。现在的问题是我所拥有的数据似乎也没有转移过来。现在我知道子窗口无法访问父级所拥有的数据或DOM但是传递数据的最佳方式是什么?我正在使用Angular-Charts http://jtblin.github.io/angular-chart.js/

JS:

   $scope.openLargeGraph = function () {
                $scope.dataSample = "hi";
                console.log(dataSample)
                var childWindowForGraph = window.open('template.html', "", "width=950,height=850");
               childWindowForGraph.data =
                childWindowForGraph.moveTo(300, 50);
            };

template.html:

 <div class="col-xs-12 well"
         style="margin-bottom: 6px; padding: 3px; padding-left: 0px;
                max-height: 480px; overflow-y: auto;"
         ng-show="currentSample.viz == 'hbc'">
        <canvas id="panel1base" class="chart-base" height="400px"
                chart-type="'horizontalbar'"
                chart-labels="profile['detail']['freq-histogram'].labels"
                chart-data="[profile['detail']['freq-histogram'].data]"
                chart-legend="false"
                chart-colours="['#008080']"
                chart-legend="false"/>
    </div>

1 个答案:

答案 0 :(得分:0)

它不会像现在这样工作。您正试图在角度生命周期之外加载模板。

您应该通过路线访问该模板,并将控制器与其关联。