jjzjj

knockout-templating

全部标签

javascript - 在迭代时 knockout foreach 绑定(bind)调用点击事件

我正在使用knockout的foreach绘制带有可点击单元格的表格第一列和表标题用于表内的人口值。从代码片段可以看出,我正在使用一些css绑定(bind),并将模态弹出对话框绑定(bind)到单元格单击事件。表格按预期绘制,一切正常,但第一次加载表单时,即使没有单元格点击,我的模态表单也会弹出。我试图找出发生这种情况的原因,发现内部迭代knockout不仅绑定(bind)了点击事件,而且还调用了点击事件的处理函数(显示弹出窗口)。我假设问题出在knockout绑定(bind)上。这个问题有什么解决办法吗?如何避免在foreach迭代中调用函数? 最佳答案

javascript - Knockout.js 消耗太多内存

我让ProcessExplorer保持打开状态并检查firefox.exe进程的“PrivateBytes”列。在此示例中按下“添加”按钮后:Comment: 使用这段代码:varvm={Comments:ko.observableArray(["a","b"])};ko.applyBindings(vm);$("#btnAdd").click(function(){for(vari=0;i(另见thisjsfiddle)我体验到Firefox占用的私有(private)字节增加了大约50-100MByte。当我将它与缺乏依赖跟踪的实现进行比较时,执行时间也相当长,给出这个例

javascript - Knockout.js - xxxx 不是函数

我正在尝试将Knockout.js合并到WebApplication中。我的大部分代码所基于的教程是here.基本上-我有一个项目列表-我希望能够单击一个项目并将相应的数据显示在页面底部的div中。最终我将使用jquery.UI对话框插件将这个div变成一个弹出窗口,但现在,我只是想让selectedItem工作。我的(简化)代码在这里:http://jsfiddle.net/fZXAX/1/Ijustgettheerror:actionListViewModel.selectedActionIdisnotafunction.我看不出这与以相同方式使用selectedMailId的教程

javascript - 在 Knockout 中连接 CSS 名称

我想知道如何为我的KnockoutViewModel中的元素应用使用$data连接的css类名。目标当用户单击“赞美”按钮(我的ViewModel数组中的一个元素)时,我想将css类“feedbackItemIconPraise”应用到LI。如果用户点击“批评”,我想应用类“feedbackItemIconPraise”。我假设使用$data在data-bind属性中连接一个css类是可行的方法,但可能是错误的。代码我的ViewModel的相关部分:varFeedbackViewModel=function(){varself=this;self.feedbackItemTypes=[

javascript - Knockout.js:当父 li 元素具有点击绑定(bind)时,子 a 标签不起作用

我有一个菜单,每个项目切换它自己的子菜单,这里是示例代码。如您所见,子菜单项是一个链接到google.co.nz的标签MainmenuitemSubmenuitemvarmenuModel=function(){varself=this;self.selected=ko.observable(0);self.showMenu=function(data){vars=self.selected();if(s>0&&data==s)self.selected(0);elseself.selected(data);};}ko.applyBindings(newmenuModel(),docu

javascript - 带有 Knockout.js 的 MVVM

我正在尝试实现基于MVVM的单页应用程序,目前正在使用框架Knockout.js来处理MVVM的View模型/View部分。不过我很困惑,因为我看过的实现Knockout的每个示例都涉及将整个View模型保存到数据库中。这些示例是否缺少“模型”步骤,其中View模型与数据层模型同步,模型执行验证/服务器同步。我想在单个页面上有多个不同的模板/View,每个模板/View都有不同的View模型。我发现knockout.js缺少的另一件事是跨不同View同步单个模型(不是View模型)。我认为让每个View共享一个巨大的View模型是没有意义的,所以我在想每个View都有自己的View模型

javascript - Knockout.js 多个外部模板和多个 VM 切换失败

我正在使用以下内容:knockout-2.1.0.jskoExternalTemplateEngine_all.js我要实现的目标如下:模板容器加载外部HTML并为该HTML加载特定的VM(有效)。模板容器加载/切换到另一个外部HTML,以及该HTML的其他特定VM(有效)。模板容器切换回第一个模板/VM,连同他们的VM(不起作用!)。我猜它不起作用的原因是因为模板在VM之前加载(它确实给我绑定(bind)错误)。我网站的结构是这样的(不包括上面提到的库):index.html(包含模板容器)js/script.js(包含主要的ViewModel)js/firstvm.js(持有第一个

javascript - Angular 2 : How to pass down a template through a component property?

如何在Angular2中通过组件属性传递模板?我只做了第一步:@Component({selector:'tab',template:`#!HEREGOESTHEHEADERTEMPLATE!#`})exportclassTab{@Input()title:string;@Input()headerTemplate:string;...可以这样使用:{{title}}'">SomeContent应该呈现:SomeTitleSomeContent此时我卡住了。 最佳答案 虽然这个问题很老,但有更好的解决方案。无需将字符串作为模板传递-

【Vue】VUE模板vue-admin-template-4.4.0(Vue + Element UI)使用攻略

2020.7.21更新的vue-admin-template-4.4.0,现在尝试使用一下。https://github.com/PanJiaChen/vue-admin-template1默认允许安装依赖:npminstall运行项目:npmrundev登录访问:此时登录的url是前端传送给前端自己,使用mock目录下的模拟数据。所以只运行前端项目,也不会出现任何问题。2配置2.1中英文切换修改element-ui语言,找到src/main.js文件将enimportlocalefrom'element-ui/lib/locale/lang/em'//langi18n修改为zh-CNimpo

javascript - 无法绑定(bind)到 'ngSwitchDefault',因为它不是 'ng-template' 的已知属性

我得到错误:Can'tbindto'ngSwitchDefault'sinceitisn'taknownpropertyof'ng-template'在我继续之前:这不是Angular2-"Can'tbindto'ngSwitchWhen'sinceitisn'taknownpropertyof'template'."的副本ngSwitchWhen的绑定(bind)非常好,就像我使用它的方式一样。问题出在ngSwitchDefault上,我只能在它的语法建议版本*ngSwitchDefault中使用它。但是由于我在这个问题上有另一个结构指令(*ngIf),我想使用“Template-[