在Google脚本中包含angular

include angular in google script

本文关键字：包含 angular 脚本 Google      更新时间：2023-09-26

我试图在谷歌脚本上编写一个应用程序与Angular，所以我在我的HTML文件中声明了angular(它可以工作)，但是，我的。gs文件不理解angular函数。

我的HTML(运行良好)

<html ng-app="gemStore">
 <head>
      <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
      <script type="text/javascript" src="main.gs"></script> 
 </head>
<body>
...
</body>
</html>

和不识别angular库的Java文件

(function() {
 var app = angular.module('gemStore', []);
 app.controller('StoreController', function(){
 this.product = gems;
 });
var gems = 
{ name: 'Azurite', price: 2.95 }
;
})();

在我的java文件中，我有一个错误"ReferenceError: "angular"未定义。(2行)"

谢谢

你需要做一些更多的改变来工作，我在这里做了一个例子:

  • https://script.google.com/macros/s/AKfycbyFCCc_3dSLCVEjqKq49cQwafSeQe-P8Xazli6VEmE-/dev

角度示例GAS结构:

index . html 

<!DOCTYPE html>
    <?!= include('js'); ?>
<html>
  <head>
    <base target="_top">
    <?!= include('css'); ?>
  </head>
  <body>
    <div >

<div ng-app="gemStore">
    <div ng-controller="StoreController">
    <h1>Write here</h1>
        <input ng-model="name" ng-keyup="NameChange()">
        <h1>{{greeting}}</h1>
        <h2>{{name}}</h2>
    </div>
    </div>
    </div>
  </body>
</html>

Core.gs 

 function doGet(e) {
  var t = HtmlService.createTemplateFromFile('index');
  return t.evaluate().setSandboxMode(HtmlService.SandboxMode.IFRAME).setTitle('Angular Example By Daniel C');
}
 function include(filename) {
      return HtmlService.createHtmlOutputFromFile(filename)
          .getContent();
    }

js.html 

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<script>
    angular.module('gemStore', [])
      .controller('StoreController', function($scope) {
          $scope.NameChange = function () {
              $scope.greeting = "Hello " + $scope.name;
          };
      });
</script>

就是说

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<style>
/*your styles here*/
</style>

它没有使用你的代码，但我相信你会很容易适应它。

谢谢!

相关文章：