问题标签 [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.
javascript - 在 Aurelia.io 示例中读取 json 时出错
我正在通过添加自定义模块来扩展 aurelia 的入门应用程序。读取 json 时出现错误“Uncaught SyntaxError: Unexpected token :”。但是 json 验证器没有发现任何错误。
这是我的json
{
"news": [
{
"title": "Lorem Ipsum is simply dummy text",
"type": "news",
"tags": [
"news",
"fish",
"loremipsumdolor"
],
"text": "Lorem Ipsum is simply dummy text of the printing and typesetting industry."
},
{
"title": "Lorem Ipsum",
"type": "news",
"tags": [
"news",
"fish"
],
"text": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s."
}
]
}
这是我尝试加载该 json 的模块(基本上它是来自 flickr.js 的复制粘贴,可以在示例代码中找到)` import {inject} from 'aurelia-framework'; 从'aurelia-http-client'导入{HttpClient};
' 执行示例代码时,它会从 flikr 加载 json 并将其包装在 jsonp_callback_92661() 中。这是唯一的区别。这可能是我问题的根源吗?
twitter-bootstrap - 引导材料设计和 Aurelia
我已经为此工作了一段时间,但我无法让它工作,我正准备把电脑扔出窗外!
使用 Aurelia 的骨架导航安装bootstrap-material- desing 使用 jspm install bootstrap-material。然后将其作为导入添加到您的 app.js 中的引导程序下方
css 和 js 导入正常,但初始化 js 是问题所在。您通过调用 $.material.init() 对其进行初始化,此代码添加了涟漪效果,因此当您单击按钮时,您会看到涟漪或波浪动画,这就是问题所在,让 $.material.init() 在 Aurelia 中正确工作
1)在 gitter 上获得一些帮助后,您可以使用 attach() 回调来运行此代码,但这仅适用于每个类,因此我必须添加每个页面/类
作为上述 gitter 上有人建议使用路由器管道来调用它的替代方案,我尝试了这个,但仍然无法在每个页面上加载它,当按照我这样添加的文档将它添加到管道时
然后
这部分工作,如果你点击导航链接,那么你会得到涟漪效应,但尝试点击提交按钮没有涟漪效应,所以它似乎不适用于每个类,而只是路由器,我猜
另一个问题是bs材质的另一个效果,你可以在一个名为的输入控件中添加一个css类
floating-label
,然后当您单击输入控件时,占位符文本向上移动,然后在失去焦点时它又向下移动,但是使用 Aurelia 您可以看到占位符文本已经向上移动。如果您删除 value.bind,即删除,value.bind="firstName"
则占位符会在 onfocus 和 lostfocus 上进行动画处理,因此 value.bind 会发生干扰。
让这个材料设计 jquery 插件这样简单的东西工作起来并不难,我什至还没有尝试与 Aurelia 交互,我只是希望它像你通过脚本将它添加到普通的 html 页面一样工作标签。我知道是我还不了解 Aurelia。
让这项工作得到任何帮助都会很棒。
当前 app.js 尝试使用管道方法
欢迎.html
javascript - Aurelia 简单绑定不起作用
我有一个非常简单的绑定,它没有像我期望的那样工作:
应用程序.js:
应用程序.html:
学生.js:
学生.html:
这将产生以下输出:
姓名:未知
姓名:未知
姓名:未知
姓名:未知
虽然我已经预料到:
姓名:约翰
姓名:埃里克
姓名:马丁
姓名:西蒙
select - Aurelia 选择不起作用
我有以下问题。我试图通过读取一个json文件来填充一个简单的选择,而不是将任何对象的标题显示为选择中的一个选项。当我尝试在 div 元素中显示标题时,代码工作得很好,但不是选择。这是我的代码:
}
和 HTML
javascript - 如何将 Aurelia 部署到 GitHub 页面
aurelia.io 是完全客户端还是需要服务器组件。
即它可以是一个github页面。谢谢
firebase - 如何将 Aurelia 连接到 Firebase?
fbh-firebase-util 与 aurelia 兼容吗?
如何使用它?
通过 jspm 的 fbh-firebase-util:
jspm install github:djindjic/fbh-firebase-util
aurelia - 何时绑定到 ref 属性在 Aurelia 中生效?
这是对这个问题的跟进:Access a DOM element in Aurelia
屏幕激活生命周期中是否有允许我在设置绑定后运行代码的挂钩? ref
目前,似乎在activate
调用挂钩后的一段时间内ref
绑定尚未设置,然后在某个时候它们被激活。我通过在最新(v0.13.0)骨架导航存储库的克隆版本的<div ref="myDiv"></div>
底部附近添加一个来测试这一点,并测试视图模型中引用的存在,如下所示:welcome.html
模板底部的片段......
这是我在控制台中看到的快照...
像这样的打印输出无限期地进行。您可以看到,fullName()
如果名称更改,则会定期调用它来更新屏幕(我假设这是脏检查)......但您可以看到,在开始时,有一段时间引用div
的属性无效视图模型,然后它是有效的。有人可以解释一下吗?ref
有没有办法在生效后挂钩到视图模型?
aurelia - ie 和 chrome 中的 aurelia 应用程序启动错误
我正在尝试使用 typescript 1.5 beta 在 asp.net 5 应用程序中从 aurelia repo 复制联系人应用程序的代码。我复制了所有文件,tsconfig 配置似乎还可以,但是当我运行应用程序时,在初始屏幕之后,我在ie11和chrome 42中出现错误。
在 Ie 11 中,我收到错误消息:
JavaScript 运行时错误:无法定义属性 'Symbol(id)_i.jtkqmdozsa6':对象不可扩展
在 handleApp 函数中调用 configureAurelia
在 Chrome 中我获得
未捕获的类型错误:无法读取未定义的属性“__decorate”
在同一个地方。
我怎样才能找到问题?
aurelia - 使用复杂域对象在 Aurelia 中启用和禁用保存按钮的最佳方法是什么?
我有 editMessage.js 构造函数:
和editMessage.html(视图)是:
我想要一个保存按钮,这样如果我的任何 message*property 对象发生更改,它就会启用,否则它会保持禁用状态。
在过去,我创建了一个计时器并通过将原始值与更改后的值进行比较来进行一些脏检查。Aurelia 的最佳方法是什么?
javascript - 如何从 Aurelia 中的函数更新属性
我想在推送操作中刷新属性的值,但我不知道如何从函数访问该属性!
有任何想法吗 ?
编辑:页面加载后,我想在收到推送消息时刷新数据。
编辑2:测试代码
数据.js:
视图模型.js
视图模型.html:
日志:
“接收消息:Data.information = 4”
“Data.information 的状态:4”
“this.information 的状态:未定义”