个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
哟，我正在尝试构建这个小游戏，其中包含 6 个子数组的数组，每个数组包含 7 个值，生成一个国际象棋场。
当您单击其中一个字段时，它应该将颜色从白色变为红色或白色变为黄色。颜色属性取决于写入数据数组中的值(与嵌套 div 标记内的 css 绑定(bind)一起使用)。
数组“数据”(像矩阵一样构建)如下所示:[ [0,0,1,2,0,2,1], [0,0,0,0,2,2,1] 等]
在 HTML 中，我使用“forEach”循环将数组的值绑定(bind)到 div 标记并生成国际象棋字段 - 总共 42 个字段(6*7=42)。
<body>
<div class="playground">
<div class="score">
<div id="p1" style="flex: 2;"></div>
<div class="void" style="flex: 3;"></div>
<div id="p2" style="flex:2"></div>
</div>
<div class="container1" data-bind="foreach: data.matrix">
<div class="container2" data-bind="foreach: $data">
<div class="blocks">
<div data-bind="css: {corny: $data >= '0', white: $data === '0', yellow1: $data === '1', red2: $data === '2'},
attr: { 'id': $parentContext.$index() + '_' + $index()},
click: $root.chipInserted">
</div>
</div>
</div>
</div>
</div>
</body>
</html>
最佳答案
好吧，我明白了。
我使用具有 42 个数字的字符串作为基础来创建我的矩阵。单击该字段时，矩阵内的值发生了变化。尽管我还必须将矩阵改回一个简单的字符串，并使用我最初创建国际象棋领域的“创建者功能”重新使用它。
长话短说:
let result = self.addColor(id, self.data);
//'result' is the new matrix with the changed value
let resultString = self.matrixToString(result());
//'resultString' is the conjoined array - a simple string made from 'result-matrix'
//with a length of 42
let newMatrix = self.Spielfeld.creator(resultString);
//now put that String into the "matrix-creator function" in order to create the
//updated matrix
self.data(newMatrix);
//put the new matrix into the observable and your viewmodel should update
关于javascript - Knockout JS，如何在更改可观察数组中的值时更改样式属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59786559/
24
4
0
我想知道是否有一种方法可以重复记录而不进行排序？有时候，我想保持原始顺序，只想删除重复的记录。 是否可以？ 顺便说一句，以下是我所知道的有关重复记录的信息，这些记录最终会进行排序。 1。 proc s
我想更新我的 Activity 中依赖于另一个列表的数据的列表。这两个数据列表都是从我的 View 模型的 Activity 中观察到的。从第一个列表获取数据后，我需要在此列表上运行 for 循环以获
我无法理解这个问题。我怎样才能等待 i==2 完成然后再继续其他 i 的操作？ class Observable { constructor() { this.observer
我正在观察这样的 Ember Data RecordArray: myArray: function() { return MyRecord.find(); }.property(), isDir
我想在动画开始时观察 strokeEnd 键路径。但是它不起作用，我哪里出错了？ - (void)addAnimation { // do animation CABasicAnima
是否可以在 Algorand 中观看某个交易，就像在以太坊中观看某个事件一样？ 最佳答案 官方 algod 和 indexer API 目前不支持在 Algorand 上观看交易/事件。 您可以通过使
我有一个可以拖放到其他 View 之上的 View (可以说是类别)。为了检测我在哪个类别 View 之上，我将它们的帧存储在一个帧数组中，这发生在它们不可见叠加层的 onAppear 中。 (这基于
是否可以将观察者添加到可见性更改(即调用 show() 和 hide())时触发的 DOM 元素？谢谢! 最佳答案 如果您想观察任何对 .show() 或 .hide() 的调用，并且可以访问 jQu
我对保存在 NSUserdefaults 中的特定键的值变化感兴趣。然而，我所拥有的并不适合我。 observeValueForKeyPath 不会被触发。 更新:我想我已经发现了这个问题。如果我使用
我正在寻找在 UITableView 顶部实现捏入/捏出，我已经研究了几种方法，包括这个: Similar question 但是，虽然我可以创建一个 UIViewTouch 对象并将其覆盖到我的 U
我有一个在界面中公开的可变数组。我还公开了数组访问器来修改数组。如果数组内发生任何修改，我将不得不使用 KVO 重置并重新计算一些数据。为了支持 KVO，我使用 array accessors如下图:
当 NSPopupButton 发生变化时如何获得方法调用？谢谢! 最佳答案 您只需添加一个操作方法，就像使用 NSButton 或任何其他控件一样。 关于iphone - 观察 NSPopupBut
我正在尝试让键值观察适用于 NSMutableArray。下面是被观察类 MyObservee 的 .h 文件: @interface MyObservee : NSObject { @pri
我很难理解让 Node.js 进程(异步)运行但仍然触发“退出”状态，以便在 CPU 处理完成后我可以做更多事情。 例如，我有一个 Google 地方信息抓取工具，可以在所有可用的 CPU 上高效地分
我正在尝试编写行为类似于kubectl get pods --watch . 这样，每次 pod 的状态发生变化时，我都会被触发。 我创建了一个 go项目(在集群中运行)并添加以下代码: podsWa
我有这个代码: 当时我需要触发Javascript方法或具有给定 id 的 div 隐藏或显示，这将在屏幕调整大小期间发生(因此 u k-hidden-small )，这可以
我想使用 Couchbase，但我想在一些类似于 RethinkDB 的方式实现更改跟踪。 似乎有很多方法可以将更改从 Couchbase 服务器推送给我。 DCP 点击 XDCR 哪一个是正确的选择
虽然 MutationObserver 允许监视 HTMLElement 属性的显式大小更改，但它似乎没有一种方法/配置允许我监视其大小的隐式更改，这些更改是由浏览器。 这是一个例子: const o
我有一个 auto-carousel 指令，它循环访问链接元素的子元素。 但是，子级尚未加载到 DOM 中，因为它们的 ng-if 表达式尚未解析。 如何确保父指令知道其 DOM 树已发生更改？
有没有办法观察 AngularJS 指令中函数表达式的值变化？我有以下 HTML 和 JavaScript，模板中 {{editable()}} 的插值显示该值计算为 true，而检查 Chrome
我是一名优秀的程序员,十分优秀！