草庐IT

aurelia-templating

全部标签

javascript - Aurelia 中的全局函数

我正在尝试弄清楚如何在Aurelia中存储类似“全局”的函数。我按照本教程“http://blog.durandal.io/2015/04/24/aurelia-custom-elements-and-content-selectors/”打开了一个带有动态View模态的模态,但我不知道我应该把这个函数放在哪里,这样我就可以在我的所有View路由中重复使用它。我在默认View中创建了这个函数://openmodalsetModal(modal){this.contentModal=modal;$('.modal').modal();}在该View模板中使用此标记:TestTest2我可

javascript - gulp-angular-templatecache 没有这样的文件或目录,lstat 'templates.js' 错误

我有这个基本设置来构建我的Angular模板。这是gulpfilevargulp=require("gulp"),templateCache=require('gulp-angular-templatecache');gulp.task("tc",function(){returngulp.src("test.html").pipe(templateCache())//whenIcommentoutthislineIseetest.htmlfileisgettingcopiedunderdestfolder.pipe(gulp.dest("dest"));});这是一个简单的html文

javascript - 如何在 Aurelia 中强制绑定(bind)重新评估或重新渲染

我从使用Aurelia、RethinkDB和Socket.IO的简单TODO应用开始。我似乎无法重新渲染或重新评估通过Socket.IO更改的对象。所以基本上,一切都在第一个浏览器上运行良好,但在控制台中显示对象时在第二个浏览器中没有重新呈现确实显示了我的对象的差异。问题仅在于更新对象,它完美地用于从待办事项数组中创建/删除对象。HTML${item.title}带有RethinkDB变更源的NodeJS//attachaRethinkDBchangefeedstowatchanychangesr.table(config.table).changes().run().then(fun

javascript - 使用 Aurelia 高效渲染大型数据表

在使用Aurelia渲染大型数据表时,我遇到了性能问题。即使是中等大小的表格(20x20),Chrome也不会低于200毫秒,MSEdge需要大约800毫秒,而IE11需要大约2秒。如果您想添加(虚拟)滚动,200毫秒也是一个问题。处理时间随着每个表格单元格的绑定(bind)数量而增加。我将一个(example)放在一起,它绑定(bind)了“css”、“类”,当然还有单元格内容。${getCellText(column,row)}我有什么可以提高性能的想法吗?根据最初的建议,我试图避免嵌套重复,但在我的情况下这是不可能的,因为列和行都是动态的。 最佳答案

javascript - 在 aurelia 中使用路由器时如何设置/读取查询字符串?

使用aurelia.io框架路由器时,读取和设置查询字符串的首选方法是什么?例如在url中:http://www.myapp.com/#/myroute1/?s=mystate我如何读取和设置url的?s=mystate部分并让aurelia路由器正确导航并记住该状态,这样每当我到达我的route1viewmodel我可以读取那个状态变量并用它做些什么吗? 最佳答案 在viewmodel上你可以实现方法activate(params,routeConfig)并且对象参数应该包含你的查询变量activate(params,routeC

javascript - aurelia View 中的过滤器数组

我正在使用aurelia并希望在View中而不是在View模型中过滤集合(数组)。我正在尝试使用以下语法:0?'alertalert-danger':''}">${error.Message}我在浏览器控制台中收到以下错误:错误:解析器错误:缺少预期的)在[errors.filter(function(err){returnerr.Key==='car.Model';]中的第28列。这在angularJS中是可能的,如下所示:{{error.Message}}aurelia也有类似的事情吗?我也很想知道如何在aurelia的repeat.for中过滤集合/数组(类似于ng-repeat

javascript - Aurelia 中的数组订阅

假设我有一个元素数组,除了在我的应用程序中显示列表外,我还想使用HttpClient将列表同步到服务器。如何观察数组的变化?我试过:@inject(ObserverLocator)exportclassViewModel{constructor(obsLoc){this.list=[];obsLoc.getObserver(this,'list');.subscribe(li=>console.log(li));}}但我既没有收到错误消息也没有收到日志消息。 最佳答案 getObserver返回一个属性观察器,它会在ViewMode

javascript - Aurelia辅助注入(inject)?

我有一个类,它的构造函数有两个参数;一个是依赖项,另一个是配置属性:@inject(Dependency)classMyClass{constructor(dependency,config){}}我如何利用Aurelia的依赖注入(inject)来自动注入(inject)依赖,但允许类的使用者指定配置值? 最佳答案 这里有一些选项:选项0:工厂解析器foo.jsimport{inject}from'aurelia-framework';import{FooDependency}from'./foo-dependency';@inj

javascript - 你如何替换 Aurelia 中的 HttpClient?

我是Aurelia的新手。您将如何更改以下代码以提供虚拟HttpClient,例如一个json阅读器,它只会提供一组静态的json数据,在开发中不需要服务器。import{inject}from'aurelia-framework';import{HttpClient}from'aurelia-fetch-client';@inject(HttpClient)exportclassUsers{heading='GithubUsers';users=[];constructor(http){http.configure(config=>{config.useStandardConfigu

javascript - 带有 typescript 接口(interface)的 Aurelia DI

我已经阅读了AureliaDI的文档并查看了源代码,并想分享我正在努力实现的目标,这样如果我遗漏了一些明显的东西,我就会被拒绝。我看过样本here对于TSwithAurelia,但我看不出它是如何工作的,而且缺少文档。我想要的是:dataProvider.js(数据提供者接口(interface))exportinterfaceDataProvider{getData():number;}itemDisplayer1.js(一个将使用实现接口(interface)的注入(inject)类的类)import{inject}from'aurelia-framework';import{Da