knockout.js 相关问题

Knockout.js是一个用于动态HTML的开源JavaScript库使用Model-View-Viewmodel(MVVM)模式。


Apexcharts <svg>属性高度:预期长度,加载其他页面时为“NaN”

我有一个使用 ApexCharts v3.45.1 生成的简单图表。这是在单页应用程序中,当我通过 AJAX 调用获取另一个页面时,DOM 中的原始图表会被故意删除(...

回答 1 投票 0

无法处理绑定“value: function() {return myVar }”

我正在使用knockout.js,并尝试获取一个标签来填充视图模型属性中的选项。我认为我做的一切都是对的,但它坏了。控制台错误是 我正在使用 knockout.js 并尝试获取 <select> 标签来填充视图模型属性中的选项。我认为我做的一切都是对的,但它坏了。控制台错误是 未捕获的引用错误:无法处理绑定“value: function(){return myArray } at value (eval at parseBindingsString, :3:237)” 我的代码: js var MyViewModel = function () { var self = this; self.myArray = ko.observableArray([ { text: 'First Item', value: '1' }, { text: 'Second Item', value: '2' } ]); } cshtml <div style="flex-basis: 100%;"> <ul data-bind="foreach: ThisArray"> <li> <select data-bind="options: myArray, optionsText: 'text', optionsValue: 'value', optionsCaption: 'Select item', value: degreeType"></select> </li> </ul> </div> 我觉得我使用了正确的语法。不知道为什么我会收到此错误。有人有什么想法吗? 我可以看到这里发生了一些事情。首先,在提供的示例 javascript 中,没有 ThisArray 来匹配 ul 上的 foreach 绑定。另一个问题是degreeType中没有MyViewModel。 我认为您在淘汰赛中遇到的一个问题是识别 HTML 中上下文边界的变化。 Knockout 绑定上下文文档 希望以下示例能够对您有所帮助。 var MyViewModel = function () { var self = this; self.myArray = ko.observableArray([ { text: 'First Item', value: '1'}, { text: 'Second Item', value: '2' } ]); self.selectedValue = ko.observable(); } var PageModel = function(){ var self = this; self.ThisArray = ko.observableArray([new MyViewModel(), new MyViewModel(),]); } let model = new PageModel(); ko.applyBindings(model); <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.5.1/knockout-latest.min.js"></script> <div style="flex-basis: 100%;"> <!-- PageModel context --> <ul data-bind="foreach: ThisArray"> <!-- PageModel context --> <li> <!-- MyViewModel context --> <select data-bind="options: myArray, optionsText: 'text', optionsValue: 'value', optionsCaption: 'Select item', value: selectedValue"></select> </li> <!-- MyViewModel context --> </ul> <!-- PageModel context --> </div> <!-- PageModel context --> <pre data-bind="text: ko.toJSON($data)"></pre> 如果您需要引用父上下文上的属性,则可以使用 $parent 或 $parents[0] var MyViewModel = function() { var self = this; self.selectedValue = ko.observable(); } var PageModel = function() { var self = this; self.ThisArray = ko.observableArray([new MyViewModel(), new MyViewModel(), ]); self.myArray = ko.observableArray([ { text: 'First Item', value: '1'}, { text: 'Second Item', value: '2'} ]); } let model = new PageModel(); ko.applyBindings(model); <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.5.1/knockout-latest.min.js"></script> <div style="flex-basis: 100%;"> <!-- PageModel context --> <ul data-bind="foreach: ThisArray"> <!-- PageModel context --> <li> <!-- MyViewModel context --> <select data-bind="options: $parent.myArray, optionsText: 'text', optionsValue: 'value', optionsCaption: 'Select item', value: selectedValue"></select> </li> <!-- MyViewModel context --> </ul> <!-- PageModel context --> </div> <!-- PageModel context --> <pre data-bind="text: ko.toJSON($data)"></pre>

回答 0 投票 0

函数返回变量而不声明它

我最近在knockout库的代码中搜索,以了解当我们调用计算函数时,可观察量如何能够与计算函数创建依赖关系。 在源代码中,我发现了函数l...

回答 2 投票 0

使用knockout.js更新Web API记录

我在控制器中有这个方法: // PUT:api/Books/5 [响应类型(typeof(void))] 公共异步任务 PutBook(int id, Book book) { 如果(!

回答 1 投票 0

在 Knockout.js 中初始化空表单分隔页面

使用 Knockout.js 我想要拥有允许无限选择的表单,但我需要显示表单以便用户知道它存在。我可以从 3 种形式开始,所以我想初始化空 obj...

回答 1 投票 0

Knockout.js 的 viewModel 上的一对多关系

我是KO新手。我尝试使用 knockout.js 设计一个简单的应用程序,但我不知道如何设计 modelViews 和模型。 我尝试在单击功能行时加载任务。但之后

回答 1 投票 0

chrome 中未捕获多个文件上传的 TypeError 错误

在其中一个页面上,我允许用户上传多个图像来上传。脚本在 Firefox 中工作正常,但有时在 Chrome 上无法工作,因为它给出以下错误 未捕获的类型错误:无法...

回答 1 投票 0

knockout.js 计算的可观察值立即释放,为什么?

这是淘汰赛中计算可观察量的一个非常基本的示例: 让值='你好'; const co = ko. 计算({ 读:函数(){返回值; }, 写:函数(arg){值=arg; } });

回答 1 投票 0

Knockout.js - 订阅级联选择列表中可观察的选定值,触发两次

我有两个使用 Knockout.Js 实现的级联选择列表模板,分别名为办公室和部门。每个列表都有对所选值的订阅。有两种方式列出和

回答 1 投票 0

toString() JavaScript 输出“保证”在每个浏览器/实现中都相同吗?

我正在使用一个特定的框架,并且在我的代码中的某个地方我有一个函数作为参数。 我想检查该函数是否是该框架之外的特定匿名函数。我没有访问权限...

回答 1 投票 0

无法在确认方法中访问可观察到的淘汰赛

我有一个向用户显示的引导确认。单击确认后,我想访问 onCancel 下同一类中的可观察数组 (this.parameters() )

回答 1 投票 0

TempusDominus Knockout 绑定在初始化后不会触发更新事件

我正在尝试将 knockoutjs 与 tempusdominus datetimepicker 一起使用,但自定义绑定遇到问题。绑定将在初始化期间工作,但通过日期图片进行更改...

回答 3 投票 0

在拖放重新排列列表时使用 jQuery SortableJS 淘汰保存重新排序

我有一个淘汰赛应用程序,其中有一个淘汰赛可观察数组的 div 列表。 将项目移动到新位置后。如何更新 knockoutobservablearray 以反映更改后的...

回答 1 投票 0

Knockoutjs 上下文调试器中的恶意软件

还有其他人看过这个吗: KnockoutJs 还有其他扩展吗?

回答 1 投票 0

Knockout - 自定义绑定 - 将变量从 init 传递到 update

我第一次使用knockout.js。 我有以下绑定: ko.bindingHandlers.dateselect = { 初始化:函数(元素){ var picker = new Pikaday({ 字段:元素,...

回答 2 投票 0

Magento 2 Minicart / Knockout.js:格式计算价格/总和

在Magento 2 minicart(CE 2.4.6)中,我不仅想显示购物车中每件商品的价格,还想显示每件商品的总和(如果购物车中同一商品有多个单位) 。因此我...

回答 1 投票 0

dragleave 上冒泡事件的问题

我有一个包含dragenter 和dragleave 事件的工作示例,它们突出显示应放置文件的区域。这个例子工作正常。 现在,如果我只在...中添加一个

回答 3 投票 0

使用数组中的最后一个图像

抱歉,如果格式错误或问题愚蠢,我是新手。我使用knockout js,通常用它来查找带有索引的图像并显示它,但是,我想知道是否可以确保它...

回答 1 投票 0

在Knockout JS中检查字符串,然后分割字符串值

我有以下数据绑定: $row().current_tracking 有时 $row().current_tracking 的值为,例如: 372424561624 有时 $row().current_tracking 的值带有两个

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.