正在将 Angular 库导入 Lotus Domino 数据库

Question

我正在尝试使用 Angular，因此希望使用 Domino 设计器将标准库 angular.min.js 导入到 Domino 数据库中。

然而，当我这样做时，我在导入的文件中遇到了无数 javascript 错误。 我试过：

• 作为 javascript 脚本库粘贴
• 直接作为资源文件导入
• 正在通过 Package Explorer 导入为 WebContent。

我使用的 angular.min.js 版本直接来自 Angular 网站，如果包含在本地 运行 html 文件中，则工作正常。

症状是首先包含文件不起作用（在浏览器中生成脚本错误），如果我查看资源/脚本库等，我会看到大量红色标记表示语法错误。

奇怪的是，包含 jquery 的相同方法似乎工作正常。

有其他人管理过这个吗？他们肯定有..我敢打赌我在做一些令人印象深刻的蠢事

如果相关，这最终将用于 xpage。

Answer 1

这里有一些有趣的链接，从 angular 和 domino:

开始

http://hasselba.ch/blog/?p=1458

http://hasselba.ch/blog/?p=1485

http://hasselba.ch/blog/?p=1525

http://hasselba.ch/blog/?cat=50

http://xomino.com/2014/06/01/angular-js-in-xpages-6-a-people-manager-crud-application/

希望对您有所帮助...

Answer 2

首先：忘记在​​ Designer 中打开 Angular JS 文件。它会抛出错误，因为它使用了内置编辑器不支持的 JavaScript 语法。该文件（可能）很好。

接下来，我不确定您要加载文件的确切位置，但如果您想在 XPage 中执行此操作：这是我刚刚创建的一个简单示例，它可以运行：

<?xml version="1.0" encoding="UTF-8"?>
<xp:view
    xmlns:xp="http://www.ibm.com/xsp/core">
    <xp:this.attrs>
      <xp:attr
        name="ng-app"
        value="myApp">
     </xp:attr>
    </xp:this.attrs>

<xp:this.resources>
    <xp:script
        src="angular/angular.min.js"
        clientSide="true">
    </xp:script>
</xp:this.resources>

<div ng-controller="MyController">
    {{hello}} this
</div>

<xp:scriptBlock
    id="scriptBlock1">
    <xp:this.value><![CDATA[var app = angular.module('myApp', []);

app.controller('MyController', function($scope) {

  $scope.hello = 'world';

});
]]></xp:this.value>
</xp:scriptBlock>

</xp:view>