草庐IT

knockout-templating

全部标签

javascript - 使用 Knockout.js 组件和 webpack

我正在移动现有的knockout.js项目(基于Knockout组件和requirejs)。我有一个需要的启动文件,它可以工作。文件中的脚本入口是在requirejs转webpack中,我的入口文件如下require("../src/app/startup");document.write(require("raw!./base.html"));base.html和原来的html文件一样,定义为问题是当我运行该页面时,没有任何反应。当我在startup.js文件中放置一个调试器时,它实际上被命中了,所以我知道它正在被调用,但页面上除了基本html之外什么都没有。组件未呈现。我如何让它工

javascript - 通过函数应用 % 样式绑定(bind)与 knockout 不起作用

我想将div的宽度设置为等于由javascript方法计算的百分比。我可以使用这个来正确应用样式绑定(bind):但是当我尝试使用一个函数来生成输出时,它中断了: 最佳答案 事实证明你可以让它与匿名函数一起工作,你只需要明确地调用那个函数: 关于javascript-通过函数应用%样式绑定(bind)与knockout不起作用,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/189

knockout.js - 为什么在 knockout.js 示例中,viewmodel 有时被定义为一个函数,有时又被定义为一个直接变量定义?

我正在尝试了解什么是使用knockout定义和组织我的jsView模型的最佳实践。我不是js天才所以...好的,所以在许多示例中,viewModel被定义为:varviewModel={firstName:ko.observable("Bert"),lastName:ko.observable("Bertington"),capitalizeLastName:function(){varcurrentVal=this.lastName();//Readthecurrentvaluethis.lastName(currentVal.toUpperCase());//Writebackam

javascript - 映射后应用 knockout 扩展器

我在创建可观察对象后向其添加knockout扩展器时遇到问题。在下面的示例中,扩展程序在foo上运行,每次值按预期更改但只有一次,当第一次调用时,bar。varviewModel=function(){varself=this;self.foo=ko.observable(1).extend({numeric:1});self.bar=ko.observable(1);self.bar.extend({numeric:1});};本质上,我正在映射一个大型JSON对象,并希望在映射到某些属性后添加扩展器。有没有简单的方法可以做到这一点?下面是一个显示问题的jsfiddle:http:/

javascript - Angular UI 路由器 : decide child state template on the basis of parent resolved object

这是我的app.js文件-我有一个母国和两个子国。两个subview都需要该对象。states.push({name:'parentstate',url:'/parent/:objId',abstract:true,templateUrl:'views/parentview.html',controller:function(){},resolve:{obj:function(OBJ,$stateParams){returnOBJ.get($stateParams.objId);}}});我想使用这个已解析的对象来决定子模板states.push({name:'parentstate.

javascript - knockout validation - 如何显示单个错误消息

我在提交验证时检查我的View模型asdescribedhereonSO,actually.除了“提交”操作之外,我的表单还有一个“保存进度”操作。它以几乎相同的方式提交给服务器,但必填字段更少。我想将四个绝对必填字段保留在它们当前在View模型中的位置...即将它们保留在较大的验证组中以供提交。在KnockoutValidation中是否有一种方法可以像showAllMessages()一样简单地显示特定消息,以显示完整的验证组?我查看了源代码,但找不到任何像showMessage()附加到单个错误的内容。或者,有没有办法从我的View模型中挑选字段并将它们放入自己的验证组中(但也将

javascript - 在 Knockout JS 中延迟加载

我正在尝试通过KnockoutJS将来自外部源的json数据加载并解析到表中。至此,通过下面的代码一切都成功了://Snippetvarself=this;self.notices=ko.observableArray([]);self.currentTab=ko.observable(5);ko.computed(function(){$.getJSON('http://json.source.here.com/tab/'+ko.toJS(self.currentTab),function(threads){if(threads!==null){self.notices(thread

javascript - 如何验证 knockout 中的复选框

我正在使用knockout.js和knockout.validation插件。我正在尝试验证复选框,如果它被选中而不是有效,否则无效。为此,我在knockout中创建了一个自定义验证属性:ExampleFiddleko.validation.rule['checked']={validator:function(value){if(!value){returnfalse;}returntrue;}};我的View模型是:functionVM(){varself=this;self.Approve=ko.observable(false).extend({checked:{message

javascript - 使用 data-template-name 命名 Ember.js 模板

我注意到Ember.js文档解释了命名模板的方法是通过设置标签的data-template-name模板名称的值。但在Ember.js文档站点上TomDale的最新截屏视频中,他使用ID命名模板。我假设它们都是在Ember中命名模板的有效方法。为什么要使用data-template-name与id相对应? 最佳答案 虽然两者都有效,但使用data-template-name可以让您自由使用不会与您的模板名称冲突的元素ID。 关于javascript-使用data-template-nam

javascript - 未为使用 Firefox 的 Knockout 单击绑定(bind)定义事件参数

我收到此JS错误:ReferenceError:eventisnotdefined当我尝试将event对象传递给使用Firefox23时的点击绑定(bind)。一切正常在Chrome下这里是代码:...vm.entries.expandRow=function(entry,event){...} 最佳答案 这里是来自github.com/knockout/knockout/issues/752的解决方案...在Firefox下,事件没有定义在window对象上,而是需要传递给函数。 关于