问题标签 [aurelia]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
8314 浏览

node.js - 找不到模块错误的 gulp 命令

我正在尝试在 Windows 上设置基本的 aurelia 应用程序。我已按照以下说明操作: http: //aurelia.io/get-started.html,其中包括:

  1. 安装节点js
  2. 使用以下命令安装 gulp:npm install -g gulp
  3. 通过使用安装jspn:npm install -g jspm
  4. 然后从https://github.com/aurelia/skeleton-navigation/releases下载示例源代码到项目文件夹。
  5. 打开控制台并更改为项目目录,即。导航应用
  6. 执行命令:npm install
  7. 执行命令:jspm install -y
  8. 最后使用命令启动服务器:gulp watch

上述所有步骤均已成功完成,但第 8 步出现错误:

我不明白为什么它找不到模块。如果我手动安装该模块,它会在我尝试运行时为另一个模块提供错误消息:gulp watch

0 投票
1 回答
293 浏览

javascript - Facebook 插件不适用于内容/模板页面

我对 Facebook 插件编程很陌生。我指的是快速入门文档。

在我的网站中,我有一个布局页面和几个内容页面。只有布局页面包含完整的 html-head-body 结构,其余内容页面包含部分 html 元素(可以将其视为模板)。

我只将FB.init()脚本放在布局页面中,就在body标签下方:

并尝试在我的一个内容页面中使用类似插件测试集成:

但是当我将它放在内容/模板页面上时,我发现它不起作用。请注意,在这种情况下,我什至没有在浏览器控制台中发现任何 JavaScript 错误。但是,当我直接将其放在布局页面中时,同样有效。

请让我知道我在这里缺少什么。

PS:同样适用于 fb 登录(适用于布局但不适用于模板)。

0 投票
1 回答
523 浏览

javascript - Aureliaview 中的脚本不起作用

我在 Aurelia 视图中遇到了一个奇怪的问题。我在我的 Aurelia 视图之一中使用脚本标记将外部 JavaScript 文件之一集成到我的视图中。该脚本不适用于 IE 和 Firefox,但适用于 Chrome。

我发现问题不在于外部脚本,而在于 Aurelia 视图中的任何脚本标签。即使是简单的警报:

不适用于 Firefox,而同样适用于 Chrome。

如果我遗漏了什么,请告诉我。

编辑: 使这项工作的另一种方法是使用这里attached()描述的。

0 投票
1 回答
1204 浏览

requirejs - 用于动态加载 HTML 视图模板的 Aurelia 机制

我从Aurelia 0.10.0 Release & Status博客文章中了解到,Aurelia 的“捆绑解决方案大约完成了 50%”。

为了发布一个独立的可嵌入 Aurelia 应用程序(在第 3 方网站上),我很想知道当前是否有一种方法可以动态加载 HTML 视图模板以与RequireJS (Almond)和文本一起使用!插件或等效(SystemJS 或其他)机制。

还是我们需要等待捆绑器?

0 投票
1 回答
1449 浏览

aurelia - 如何使用 Aurelia 创建基于 SVG 的图形

我在这里创建了一些 Angular+SVG 图形示例: https ://github.com/ocampesato/angular-graphics

在哪里可以找到说明如何将这些代码示例转换为 Aurelia 的代码示例?

一个示例 HTML 页面在这里:

HTML 页面的示例 JS 文件在这里:

建议/代码示例将不胜感激+ :)

0 投票
1 回答
425 浏览

aurelia - 触发值转换器重新评估

有没有办法触发某个类的所有值转换器重新评估?

我问这个是因为我目前正在尝试找出一种进行本地化的好方法,特别是拥有翻译字符串的字典。

示例如下:

值转换器:

看法:

然后将其转换为

但是,用户可以更改当前语言,当他们这样做时,我想使用新语言重新评估这种值转换。

我的实现受到https://github.com/zewa666/aurelia-i18next的启发,但他们的解决方案是在值转换器中添加“:currentLanguage”以引入依赖关系,这有效,但感觉重复,因为我会有将字典注入每个视图模型,以使“currentLanguage”变量可用于视图。

我可以从 TValueConverter 类发出信号,表明它依赖于 dictionary.lang,或者使用事件触发它吗?

0 投票
2 回答
2739 浏览

javascript - 如何使用 ViewCompiler 手动编译部分 DOM?

假设我有一个简单的视图模型(widget.js):

使用以下视图:(widget.html):

现在说我将一些这样的标记注入到 DOM 中:

我现在如何告诉 Aurelia 针对 Widget 的新实例编译这个新添加的 DOM 部分?我知道它涉及 ViewCompiler,但需要一个示例来帮助我。我将不胜感激任何帮助。谢谢!

0 投票
1 回答
1150 浏览

aurelia - 使用 pushState 时设置 Aurelia 路由器的根

有没有办法设置类似于 Durandal 的路由器的根路径?

这就是我想要做的:

这样 urlhttp://example.com/root映射到welcome模块。

编辑:我刚刚意识到代码按预期工作。其他原因导致了问题。无论如何,应该将根属性添加到文档中。我只知道这件事,因为我以前和 Durandal 一起工作过。

0 投票
0 回答
72 浏览

aurelia - Aurelia javascript依赖项加载时间

我刚刚从 Aurelia 下载了 Skeleton 示例应用程序。“gulp build”输出仍会在浏览器中加载数百个 JavaScript 文件。我错过了什么吗?我们可以使用 Browserify(或类似的东西)将所有这些 js 文件合并到一个文件中,还是设计使然?

编辑:这个相关问题得到了宝贵的答案。

0 投票
1 回答
259 浏览

aurelia - 仅在指定视图属性时使用 Aurelia compose 标签时出错

我正在尝试使用仅指定视图属性的撰写模板将视图加载到 Aurelia。IE。

一旦我将上述标签添加到现有视图中,我就会收到以下错误消息。

如何使用 compose 元素加载远程模板?