小编典典

如何在Google Apps脚本中使用AngularJS

angularjs

是否可以将Angular.js用作通过Google Apps脚本中的HtmlService服务的网络应用程序的一部分?

我还 Code.gs 按照以下链接中所述更改了文件。如何在GoogleApps脚本提供的HTML网站中使用Angular.js?

但是没有成功。

源代码 :

Code.gs

function doGet(request) {
  return HtmlService.createTemplateFromFile('index')
      .evaluate()
      .setSandboxMode(HtmlService.SandboxMode.IFRAME);
}

function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename)
      .getContent()
}

index.html

<!DOCTYPE html>
<html ng-app="myApp">
  <head>
    <base target="_top">
  </head>
  <body ng-controller="mainCtrl">
    <h1>{{heading}}</h1>
    <p>{{message}}</p>
    <?!= include('Javascript'); ?>
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.js"></script>
  </body>
</html>

Javascript.html

<script>
var app = angular.module('myApp',[]);
app.controller('mainCtrl',function($scope) {
  $scope.heading = 'Welcome';
  $scope.message = 'Please enjoy this helpful script';
});
</script>

我进入控制台的输出:

解析“ sandbox”属性时出错:“ allow-modals”,“ allow-popups to escape-
sandbox”是无效的沙箱标志。dev:14
未捕获的ReferenceError:未定义角度VM4501:2
未捕获的对象

任何立即的帮助将非常可贵。


阅读 223

收藏
2020-07-04

共1个答案

小编典典

将angular.js包含脚本语句移到 头部 。需要先设置它,然后再包含剩余的javascript文件。然后就可以了。在这里检查: GAS-
angularJS

2020-07-04