草庐IT

aurelia-templating

全部标签

javascript - 识别 Aurelia 中的当前路线

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

javascript - AngularJS 指令 : compile template and watch scope

我在Angularjs上编写了一个非常复杂的应用程序。这已经大到让我感到困惑了。我对Angular进行了更深入的研究,发现我的代码很糟糕。我理解这个概念:module.directive('createControl',function($compile,$timeout){scope:{//scopebindingswith'='&'@'},template:'Templatestringwithbinded{{variables}}',link:function(scope,element,attrs){//Functionwithlogic.Shouldwatchscope.}我

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 - 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

javascript - AsyncFileUpload Inside Listview Insert、Edit Itemtemplate 和 EmptyData Template 将不起作用

AsyncFileUpload在ListviewInsert、EditItemtemplate和EmptyDataTemplate中不起作用。以上是我的客户端函数functionAttachmentUploadSuccessful(){debugger;vartextError=$(".AttachmentError").text();if(textError.length>0){vartext=$(".AttachmentError");text.innerText=text.textContent=textError;sender._onError(textError);//itw

javascript - 如何在 Aurelia 中对表单验证进行单元测试

我正在尝试对表单实现一些单元测试,以查看验证规则是否按预期工作。来自此页面:https://github.com/aurelia/testing/issues/63我找到了这个实现:https://github.com/aurelia/validation/blob/master/test/validate-binding-behavior.ts我尝试在我的项目中实现它login.spec.jsimport{bootstrap}from'aurelia-bootstrapper';import{StageComponent}from'aurelia-testing';import{PL

javascript - Aurelia:总是在 View 中调用方法(升级后出现问题)

我们已经升级了Aurelia(特别是aurelia-framework到1.0.6,aurelia-bindong到1.0.3),现在我们面临一些绑定(bind)问题。有一个带有计算类的元素列表,我们有一个方法int包含该列表的自定义元素:getClass(t){return'...'+(this.selected.indexOf(t)!==-1?'disabled-option'::'')+(t===this.currentTag?'selected-option':'');}对于列表元素,class.one-way="$parent.getClass(t)",一切正常。升级后它就停

javascript - 用于混合应用程序的 Aurelia.io

我想问一下AureliaJS框架是否可以在混合应用程序开发中用作Ionic的替代品。我已经看到了一些尝试,如何与Cordova集成,但是从他们的页面上并不清楚应该如何完成。 最佳答案 您可以像在常规浏览器中一样在Cordova上使用Aurelia。这基本上就是您的链接文章试图讲述的内容。开始使用Aurelia并将其托管在Cordova中。但这并不能解决您可能期望的Ionic替代品的问题。基本上,您必须自己构建这个抽象层或使用适合您需要的另一个UI框架。@EisenbergEffect在评论中谈到名为AureliaInterface的