如何在Google Apps脚本中使用AngularJS

时间:2016-02-25 07:26:24

标签: angularjs google-apps-script

是否可以将Angular.js用作在Google Apps脚本中使用HtmlService投放的网络应用的一部分?

我还更改了 Code.gs 文件,如下面的链接所示 How can I use Angular.js in a Google Apps Script served HTML site?

但没有获得成功。

源代码:

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>

输入我进入控制台:

  解析&#39;沙盒时出错

属性:&#39; allow-modals&#39;,   &#39;允许-弹出窗口到逃逸的沙箱&#39;是无效的沙箱标志。开发:14
  未捕获的ReferenceError:未定义角度VM4501:2
未捕获   对象

任何直接的帮助都会非常明显。

1 个答案:

答案 0 :(得分:4)

将angular.js include脚本语句移动到 head 部分。它需要在包含剩余的javascript文件之前进行设置。它起作用了。在这里查看: GAS-angularJS