草庐IT

aurelia-templating

全部标签

javascript - Aurelia get value conventer results in View

我想获得在我的View中过滤数组的值转换器的结果,以便显示找到的结果数。我既不想将此逻辑移至我的Controller(以保持其清洁),也不想添加诸如从值Controller返回一些数据之类的辅助手段。我想要的:所以,基本上我想要像angularoffers这样的东西:如图所示here:ng-repeat="iteminfilteredItems=(items|filter:keyword)"或here:ng-repeat="iteminitems|filter:keywordasfilteredItems"我得到的:不幸的是,在Aurelia:doffilteredDocuments=

javascript - Aurelia - 纯 HTML 自定义元素的内联定义

我的AureliaView模型中有一个递归对象,如下所示:ClassBottomlessPit{Name:string='';MorePits:BottomlessPit[]=null;}因此,我想在我的AureliaView中使用递归模板。它只会在一个地方使用,所以我宁愿使用模板文字。这是一些不起作用的伪代码:${Name}这是Aurelia的特性吗? 最佳答案 好吧,这让我有点头疼,但这里有一种方法可以定义内联html-only自定义元素...https://gist.run?id=11ac077048cab0ad9979app

javascript - Aurelia:从子 VM 中访问父 VM 方法

使用列表的一个常见用例是从列表项中访问列表的方法。例如:项目项可以选择从包含列表中删除自己。我想知道我在下面为Aurelia描述的模式是否有效,或者是否有更好的解决方案。在Aurelia中,我有以下设置:包含列表:(project-list.html和projectList.js)和子项:(project-item和projectItem.js)${project.name}在这种情况下,deleteProject(project)是projectListVM的成员:functiondeleteProject(project){varindex=this.projects.indexO

javascript - 在 Aurelia 中防止 CSRF 攻击

在Aurelia中,似乎还没有对CSRF保护的任何支持,这与AngularJS的XSRF-TOKENheader不同,后者是AngularJS框架在所有XHR请求上自动设置的。我应该如何保护Aurelia应用免受CSRF攻击?我应该根据OWASPCSRFPreventionCheatSheet推出自己的支持吗?,或者已经有Aurelia的替代品了吗? 最佳答案 您应该能够通过使用Aurelia的HTTPinterceptors自己相当轻松地完成此操作(参见examplesinthedocs)。在每个请求之前,您可以发送您的token

javascript - Aurelia 选择初始值

这个问题在这里已经有了答案:Aureliaselectdoesn'twork(1个回答)关闭7年前。我有以下代码:JavaScript:exportclassApp{values=[{id:0,text:'Text1'},{id:1,text:'Text2'},{id:2,text:'Text3'}];obj={selected:2};}html:${option.text}问题是select的初始值不是预期的第三个选项。我必须做什么才能使其正常工作?Plunkexample

javascript - 调试类似于 ko.toJson 的 Aurelia ViewModel

在knockoutjs中你可以输出一个很好的json格式的ViewModel用于调试如果有办法在Aurelia中完成同样的事情 最佳答案 您可以创建自定义元素。这是一个例子:https://gist.run?id=9eea8902521f4523ee2capp.htmlapp.jsexportclassApp{firstName='Donald';lastName='Draper';}调试.html${json}调试.jsexportclassDebug{bindingContext=null;updateJson(){if(thi

javascript - Aurelia:访问自定义元素的自定义函数或自定义属性

我只是在玩弄Aurelia中的自定义元素功能,并尝试创建一个“进度条”元素。进度条.jsimport{customElement,bindable}from'aurelia-framework';@customElement('progress-bar')exportclassProgressBar{//dostuff//}进度条.htmlblootest.html(相关部分)a所有这一切都很好。但我正在努力研究如何让主页可以调用某些函数或更改元素上的某些属性,然后应该在进度条本身上做一些事情。我试图在progress-bar.js中创建一个函数“doSomething”,但我无法在t

javascript - 如何在 aurelia 单元测试中访问 DOM 元素?

在单元测试中,如何实例化自定义元素(或View)并访问实时DOM元素?我读了thisarticle这到达了自定义元素被实例化的地步,但我认为我无法到达DOM元素。顺便说一句,我知道Protractor和端到端测试,但这不是我在这里寻找的。2016年10月14日更新:我发现我可以注册一个这样的实例来制作@inject(Element)工作:container=newContainer().makeGlobal();container.registerInstance(Element,document.createElement('div'));vm=BehaviorInstance.cr

javascript - 需要 kendoUI 模板类型 ="text/x-kendo-template"?

更多的是“出于好奇的问题”,在创建kendoUI外部(脚本)模板时,他们说要使用这种语法:htmlhere#=whatever#我不喜欢这种类型的一件事是html/etc全黑(在VisualStudio中)。我注意到,如果我将其更改为更典型的:type="text/html"HTML是丰富多彩的,并且至少能够显示html结构错误,缺少逗号/quotes等等。所有常见的东西。//nowHTMLhasitsusualcolors,validation,etcExampleofitworkingwithtype="text/html"Kendo模板在以这种格式使用时仍然有效,有人知道保持这种

javascript - 如何将数据从路由器组件传递到 Aurelia 中的子组件?

假设我们在Aurelia中有一个名为UserRouter的组件,它是一个子路由器并处理到UserProfile、UserImages和UserFriends的路由。我希望UserRouter从API(在canActivate上)加载用户,然后将此用户数据传递给子组件。加载数据没问题,如何将它传递给子组件以便它们都能读取?例如在上放置一个属性.我已经在子组件的bind()方法上尝试了bindingContext参数,但这没有用。谢谢 最佳答案 我这样做的方法是向子路由器定义添加附加信息,例如:configureRouter(confi