将 Angular 库导入 Lotus Domino db答案

【问题标题】：Importing Angular library into Lotus Domino db将 Angular 库导入 Lotus Domino db
【发布时间】：2015-09-23 15:17:33
【问题描述】：

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

但是，当我这样做时，我会在导入的文件中收到无数的 javascript 错误。我试过了：

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

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

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

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

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

如果它是相关的，这最终会在 xpage 中使用。

【问题讨论】：

标签： javascript angularjs xpages lotus-notes lotus-domino

【解决方案1】：

首先：忘记在 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>

【讨论】：

“忽略错误”似乎太违反直觉了！但你是对的，忘记在 Eclipse 中查看它，只需将文件包含在 xpage 中，它就可以正常工作。我之前的示例（提示我提出问题）错误地包含了文件。感谢您的信息！
马克的位置，但我建议（因为我不查看我的应用程序中的错误，我不需要 DDE 来尝试解析我缩小的生产 Angular 库）保持 angular.min.js 文件位于 js 或 lib等目录中的 WebContent 路径中（通过 Package Explorer 或 Navigator 查看） >.
当然。应该将其添加到我的答案中。但问题仍然存在：如果您使用 Designer 从那里打开它，它仍然会在内置编辑器上显示错误。但公平地说：大多数 JavaScript 库都会这样做。
@EricMcCormick 和 Mark - 是的，我发现了同样的事情。这是我在问这个问题之前的最后一次尝试（即仍然有错误）。对于其他反对这一点的人，在这里写下它是有用的信息。
我的意思是，您可以将其粘贴到那里而无需打开它。如果 DDE 不打开/处理它，它怎么会错误地显示它有错误？（这就是我为最小化 JS 库的本地副本所做的。）

【解决方案2】：

以下是一些从 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/

我希望这会有所帮助...

【讨论】：

嗨 - 这些链接没有回答问题（即仍然无法导入 angular.min.js 文件）但这是非常有用的信息，所以谢谢！！