草庐IT

knockout-components

全部标签

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 - VueJS : Best practice for working with global object between components?

有User.js类和用户对象(user=newUser();)。user对象正在所有嵌套组件中使用。User类中有很多重要的方法。如何在任何组件中简单地使用/访问this.user或this.$user及其方法?1-solution(临时工作解决方案):在vuex的store中设置user并在所有组件中定义'数据:data(){return{user:this.$store.state.user}}缺点:在每个组件中,都应该添加。注意:组件太多了。2-solution:将用户添加到Vue的原型(prototype),如插件:Vue.prototype.$user=user缺点:当use

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 - Angular 2 : including thirdparty js scripts in component

这个问题在这里已经有了答案:scripttaginangular2template/hookwhentemplatedomisloaded(2个答案)关闭5年前。有没有办法在Angular2组件中包含第三方JS脚本,而不是将其包含在index.html中?我有一个包装数据表的表组件。它是唯一需要包含dataTablesjs/css的组件。如果我能让我的index.html更干净就好了。组件装饰器确实允许您指定css文件。我尝试将我的脚本标签移动到我的组件html中,但这似乎不起作用。

javascript - 有没有更好的方法在 React Component 类中绑定(bind) 'this'?

我目前正在开发一个React应用程序,我发现当一个组件类有很多功能时必须绑定(bind)this有点麻烦。例子classFooextendsComponent{constructor(props){super(props);this.function1=this.function1.bind(this);this.function2=this.function2.bind(this);this.function3=this.function3.bind(this);}function1(){...}function2(){...}function3(){...}}有没有更有效的方法来做

javascript - Angular2 在 Component.js 中使用管道

我正在学习Angular2,我想格式化一个添加千位逗号分隔符的数字。据我所知,这可以使用Pipes来完成,问题是我想在js文件中而不是在html中以编程方式格式化数字(像var|number一样)。首先我意识到没有我可以使用的NumberPipe独立管道(如果我错了请纠正我)最相似的是@angular2/common中的CurrencyPipe。所以我有这样的东西:import{Component}from'@angular/core';import{CurrencyPipe}from'@angular/common';@Component({templateUrl:'test.com