草庐IT

aurelia-validation

全部标签

javascript - Aurelia 中的 Typescript 自动注入(inject)

我是Typescript和Aurelia的新手。我正在尝试使@autoinject装饰器在VS2015ASP.NETMVC6项目中工作。这是我的代码import{autoinject}from"aurelia-framework";import{HttpClient}from"aurelia-http-client";@autoinject()exportclassApp{http:HttpClient;constructor(httpClient:HttpClient){this.http=httpClient;}activate(){this.http.get("/api/test

javascript - 如何使用 Aurelia.io 增强服务器端生成的页面?

我正在编写一个应用程序,其中一些部分作为SPA,一些页面在服务器端生成以用于SEO。我选择了Aurelia.io框架并使用enhance在我的页面上启用自定义元素的方法。但是我找不到在我的服务器端页面上使用aurelia特定模板指令和插值的最佳方法。让我们从一个例子开始。我的所有页面都包含一个动态标题。此header将是一个名为my-cool-header的自定义元素.此header将加载经过身份验证的用户并显示其名称,或者,如果当前没有用户经过身份验证,则会显示指向登录的链接。页面主体将在服务器端生成并缓存。所以,我们会有类似的东西:${user.name}Sign-inCachab

javascript - 使用 Aurelia 的架构形式

我正在使用Aurelia构建基于json的动态表单。表单是从json生成的,如下所示:Schema=[{'key':'Name','display':'Name','type':'text','placeholder':'Name','required':true},{'key':'IsSubscribed','display':'Subscribedtonewsletter?','type':'checkbox','placeholder':null,'required':false}];填写表格的模型可通过WebAPI服务获得。所以,到目前为止,我成功地使用了以下模板。EditFo

javascript - Aurelia - 在数据绑定(bind)中使用变量作为属性名称

使用Aurelia,是否可以使用变量名动态引用模型对象的属性名?Javascript:dow=['monday','tuesday','wednesday','thursday','friday'];test={monday:false,tuesday:false,wednesday:false,thursday:false,friday:false,};HTML:${day}这导致:“TypeError:obj未定义” 最佳答案 根据Aurelia文档:Eachitemthatisbeingrepeatedbytherepeata

javascript - 识别 Aurelia 中的当前路线

我正在使用Aurelia框架。每次用户导航到新路线/页面时,我都想在应用程序文件(app.ts/app.js)中获取navigationInstruction信息。我试图在应用程序的生命周期事件(激活和绑定(bind))中获取此信息,但没有可用信息。谁能帮我解决这个问题。提前致谢。 最佳答案 订阅路由器的导航“成功”事件:import{EventAggregator}from'aurelia-event-aggregator';import{inject}from'aurelia-dependency-injection';@inj

javascript - Aurelia 组件未加载 View 模型

我目前正在尝试学习Aurelia我已经设法使用aurelia-cli设置了一个基本应用程序,现在我正在尝试构建一个自定义组件。我对Aurelia的印象是我可以设置这样的结构:>/app_folder>--/src>----app.html(rootcomponentview)>----app.js(rootcomponentview-model)>----/components>------/my-component>--------my-component.html(customcomponentview)>--------my-component.js(customcomponen

javascript - Aurelia 语义下拉列表

我正在尝试在Aurelia中使用组合框,以便我的用户可以在下拉列表中输入内容并搜索内容。我试图合并Semantic创建的那个,但是当我在元素上调用下拉列表时,它不会运行代码,因此它保持正常的下拉列表。就像这里的状态示例http://semantic-ui.com/modules/dropdown.html执行此操作的最佳方法是什么?有没有人这样做过,或者可以想出实现此功能的好方法? 最佳答案 首先,安装SemanticUI包。使用JSPM运行此行以从Github安装它:jspminstallsemantic-ui=github:Se

javascript - 将 jQuery 与 Aurelia 结合使用

我有一个Aurelia应用程序,我想在app.js中使用jQuery。所以我的config.js看起来像:System.config({...map:{..."jquery":"npm:jquery@2.2.0",...}}在app.js中,我像这样导入jQuery:var$=require('jquery');但是当我需要它时,我得到的是空白站点。与导入相同:import$from'jquery';怎么了?谢谢编辑:好的,解决了。问题是,必须在attached()方法内部调用jQuery代码。所以像这样:exportclassClass1{attached(){//jQuerycod

javascript - 使用取决于 jQuery Validation 插件

我有一个带有一堆文本框的表单,这些文本框默认情况下是禁用的,然后通过使用每个文本框旁边的复选框启用。启用时,这些文本框中的值必须是有效数字,但禁用时,它们不需要值(很明显)。我正在使用jQueryValidation插件来执行此验证,但它似乎没有达到我的预期。当我单击复选框并禁用文本框时,尽管我已将depends子句添加到规则中(请参见下面的代码),但我仍然收到无效字段错误。奇怪的是,实际发生的是错误消息显示一瞬间然后消失。这是复选框和文本框列表的示例:OneTwo这是我正在使用的jQuery代码//WireuptheclickeventonthecheckboxjQuery('#It

javascript - Aurelia 自定义属性中的双向绑定(bind)

UPDATE:Itlookslikethisisaknownbug:https://github.com/aurelia/templating/issues/253Iamleavingithereforreference/searchabilitypurposes.代码:input-mask.ts(完整代码可见here)@customAttribute('input-mask')@inject(Element)exportclassInputMaskCustomAttribute{@bindable({defaultBindingMode:bindingMode.twoWay,chan