Angularjs集成Spread.sheet的问题

收藏

1. 下载SpreadJS.Release.12.0.2
2. 在项目中引入gc.spread.sheets.all.12.0.2.min.js和gc.spread.sheets.angularjs.12.0.2.min.js
3. 在项目中引入了'gcspreadsheets'模块
var atelierModule = angular.module('atelier.config', ['gcspreadsheets', 'ui.router']);

4. HTML中插入sample中给的表格，并在controller中设置数据：
<gc-spread-sheets id="ssdb" newtabvisible="false">
      <worksheets>
         <worksheet datasource="airports" name="All Data"></worksheet>
         <worksheet datasource="airports" name="Part Data">
            <columns>
                  <column datafield="name" headertext="Name"></column>
                  <column datafield="city" headertext="City"></column>
                  <column datafield="state" headertext="State"></column>
                  <column datafield="lat" headertext="Lat"></column>
                  <column datafield="lon" headertext="Lon"></column>
                  <column datafield="vol2011" headertext="Vol2011"></column>
            </columns>
         </worksheet>
      </worksheets>
</gc-spread-sheets>

5. 刷新页面，console报错：
tiny.min.js:667 TypeError: Cannot read property 'zR' of undefined
at ma.dispose (http://10.134.180.214:8099/lib/spread-sheets/scripts/gc.spread.sheets.all.12.0.2.min.js:46:28120)
at Function.a.ao (http://10.134.180.214:8099/lib/spread-sheets/scripts/gc.spread.sheets.all.12.0.2.min.js:25:27323)
at ma.no (http://10.134.180.214:8099/lib/spread-sheets/scripts/gc.spread.sheets.all.12.0.2.min.js:30:4222)
at U (http://10.134.180.214:8099/lib/spread-sheets/scripts/gc.spread.sheets.all.12.0.2.min.js:26:12280)
at L (http://10.134.180.214:8099/lib/spread-sheets/scripts/gc.spread.sheets.all.12.0.2.min.js:26:10518)
at http://10.134.180.214:8099/lib/spread-sheets/scripts/gc.spread.sheets.all.12.0.2.min.js:26:9807
at a (http://10.134.180.214:8099/lib/spread-sheets/scripts/gc.spread.sheets.all.12.0.2.min.js:26:17128)
at d (http://10.134.180.214:8099/lib/spread-sheets/scripts/gc.spread.sheets.all.12.0.2.min.js:26:9325)
at ma.h.Worksheet.ad (http://10.134.180.214:8099/lib/spread-sheets/scripts/gc.spread.sheets.all.12.0.2.min.js:26:11811)
at new ma (http://10.134.180.214:8099/lib/spread-sheets/scripts/gc.spread.sheets.all.12.0.2.min.js:29:8677) <div ng-transclude="" id="ssdb" newtabvisible="false" class="ng-isolate-scope">

页面html渲染结果如下：

<div ng-transclude="" id="ssdb" newtabvisible="false" class="ng-isolate-scope">
      <worksheets class="ng-scope">
         <worksheet datasource="airports" name="All Data"></worksheet>
         <worksheet datasource="airports" name="Part Data">
            <columns>
                  <column datafield="name" headertext="Name"></column>
                  <column datafield="city" headertext="City"></column>
                  <column datafield="state" headertext="State"></column>
                  <column datafield="lat" headertext="Lat"></column>
                  <column datafield="lon" headertext="Lon"></column>
                  <column datafield="vol2011" headertext="Vol2011"></column>
            </columns>
         </worksheet>
      </worksheets>
</div>