Question

當我加載我的Kendo網格時發生此錯誤。請幫助我如何修復它。

angular.js:13920 Error: Invalid template:'<tr data-uid="#=data.uid#" role='row'><td role='gridcell'>#= kendo.toString(new Date(start Date /time), 'd') #</td><td role='gridcell'><span ng-bind='dataItem.ramp'>#: data.ramp#</span></td><td role='gridcell'><span ng-bind='dataItem.common Company Name'>#: data.common Company Name#</span></td><td role='gridcell'><span ng-bind='dataItem.cargoMarket'>#: data.cargoMarket#</span></td><td role='gridcell'><span ng-bind='dataItem.punctuality'>#: data.punctuality#</span></td><td role='gridcell'>#= kendo.toString(new Date(arrival), 'd') #</td><td role='gridcell'><span ng-bind='dataItem.location'>#: data.location#</span></td><td role='gridcell'><span ng-bind='dataItem.carrier company'>#: data.carrier company#</span></td><td role='gridcell'><span ng-bind='dataItem.range'>#: data.range#</span></td><td role='gridcell'><span ng-bind='dataItem.bookingID'>#: data.bookingID#</span></td></tr>' Generated code:'var $kendoOutput, $kendoHtmlEncode = kendo.htmlEncode;with(data){$kendoOutput='<tr data-uid="'+(data.uid)+'" role=\'row\'><td role=\'gridcell\'>'+(kendo.toString(new Date(start Date /time), 'd'))+'</td><td role=\'gridcell\'><span ng-bind=\'dataItem.ramp\'>'+$kendoHtmlEncode(data.ramp)+'</span></td><td role=\'gridcell\'><span ng-bind=\'dataItem.common Company Name\'>'+$kendoHtmlEncode(data.common Company Name)+'</span></td><td role=\'gridcell\'><span ng-bind=\'dataItem.cargoMarket\'>'+$kendoHtmlEncode(data.cargoMarket)+'</span></td><td role=\'gridcell\'><span ng-bind=\'dataItem.punctuality\'>'+$kendoHtmlEncode(data.punctuality)+'</span></td><td role=\'gridcell\'>'+(kendo.toString(new Date(arrival), 'd'))+'</td><td role=\'gridcell\'><span ng-bind=\'dataItem.location\'>'+$kendoHtmlEncode(data.location)+'</span></td><td role=\'gridcell\'><span ng-bind=\'dataItem.carrier company\'>'+$kendoHtmlEncode(data.carrier company)+'</span></td><td role=\'gridcell\'><span ng-bind=\'dataItem.range\'>'+$kendoHtmlEncode(data.range)+'</span></td><td role=\'gridcell\'><span ng-bind=\'dataItem.bookingID\'>'+$kendoHtmlEncode(data.bookingID)+'</span></td></tr>';}return $kendoOutput;' 
    at Object.compile (http://lm.stage.cargoclix.net/bower_components/kendo-ui/js/kendo.all.min.js:25:7888) 
    at Object.proxy [as template] (http://lm.stage.cargoclix.net/bower_components/jquery/dist/jquery.js:497:14) 
    at init._tmpl (http://lm.stage.cargoclix.net/bower_components/kendo-ui/js/kendo.all.min.js:50:28189) 
    at init._templates (http://lm.stage.cargoclix.net/bower_components/kendo-ui/js/kendo.all.min.js:50:29776) 
    at new init (http://lm.stage.cargoclix.net/bower_components/kendo-ui/js/kendo.all.min.js:48:28076) 
    at HTMLDivElement.<anonymous> (http://lm.stage.cargoclix.net/bower_components/kendo-ui/js/kendo.all.min.js:26:4297) 
    at Function.each (http://lm.stage.cargoclix.net/bower_components/jquery/dist/jquery.js:365:19) 
    at jQuery.fn.init.each (http://lm.stage.cargoclix.net/bower_components/jquery/dist/jquery.js:137:17) 
    at jQuery.fn.init.e.fn.(anonymous function) [as kendoGrid] (http://lm.stage.cargoclix.net/bower_components/kendo-ui/js/kendo.all.min.js:26:4274) 
    at v (http://lm.stage.cargoclix.net/bower_components/kendo-ui/js/kendo.all.min.js:93:3354) <div kendo-grid="vm.grid" id="grid" k-data-source="vm.gridOptions.datasource" k-options="vm.gridOptions" class="lm-panel-body k-grid k-widget k-reorderable" data-role="grid">(anonymous function) @ angular.js:13920(anonymous function) @ angular.js:10467invokeLinkFn @ angular.js:9936nodeLinkFn @ angular.js:9335compositeLinkFn @ angular.js:8620compositeLinkFn @ angular.js:8623publicLinkFn @ angular.js:8500lazyCompilation @ angular.js:8844boundTranscludeFn @ angular.js:8637controllersBoundTransclude @ angular.js:9385ngIfWatchAction @ angular.js:26400$digest @ angular.js:17524$apply @ angular.js:17790done @ angular.js:11831completeRequest @ angular.js:12033requestLoaded @ angular.js:11966 

看一看。

因此，下面會出現另一個錯誤。

Answer 1

不知道，但似乎你需要逃避你'模板字符串內或只使用"

Answer 2

這是劍道場使用模板的正確方法， 你可能會丟失一些單個或雙引號。請參考以下模板。

columns: [ 
     { field: "ID", hidden: true }, 
     { field: "Name", title: "Name", template: '<div title="#= (Name == null) ? " " : Name #">#= (Name == null) ? " " : Name # </div>' },