当我想从模型到视图显示数组结果时,jsfiddle不显示任何输出?

萨希尔·沙玛(Sahil Sharma)

这是js小提琴:小提琴链接

var CITIES = ko.observableArray([]);
ko.applyBindings(CITIES, document.getElementById("popupCityList"));
var arr = [];
arr.push({ "cityname": "Mumbai", "cityid": 1 });

我将对象推到可观察的数组。但是我看不到任何结果。我是淘汰赛的新手。谁能帮我这个忙吗?

用户名

这里有些错误:

  • Javascript区分大小写:当您的属性命名时cityname,您不能使用来引用它CityName
  • 您的viewmodel是一个可观察的数组,没有CITIES属性。$dataforeach: $data引用视图模型中的数据,或将数组包装在一个对象(ko.applyBindings({CITIES: CITIES}))中
  • 如果不给自定义属性加上前缀,则不应创建自定义属性 data-

更正的版本:

var CITIES = ko.observableArray([]);

var viewmodel = {
  CITIES: CITIES
};

ko.applyBindings(viewmodel, document.getElementById("popupCityList"));

var arr = [];

arr.push({
  "cityname": "Mumbai",
  "cityid": 1
});

CITIES(arr);
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
<div>
  <ul id="popupCityList" data-bind="foreach: CITIES">
    <li data-bind="text: cityname"></li>
  </ul>
</div>

补充笔记:

  • 您可以直接推送到可观察的数组。即:您不需要,arr但可以写viewmodel.CITIES.push({ /* ... */ })
  • 遵循一些有关变量名大小写的代码约定是一个好主意。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在python中,当我使用或运算符时不显示错误也不显示预期结果

来自分类Dev

当我在数组中推送select2OptionData对象时,select2不显示任何值

来自分类Dev

在模型和视图之间使用包装器时,QTreeView不显示任何项目

来自分类Dev

当我再次单击时,它不显示任何内容,高度返回到0px,但其中的元素显示且不显示任何内容或离开页面

来自分类Dev

当我在Android中减少到sw600dp时不显示HTML本地文件

来自分类Dev

当我想从 django 中的查询结果中提取信息时,它不返回任何信息

来自分类Dev

当我使用 INNER JOIN 时,MariaDB 没有显示任何结果

来自分类Dev

为什么我的以下程序不显示任何输出(ArrayList)?

来自分类Dev

运行迁移命令时,TypeORM CLI不显示任何输出

来自分类Dev

键入文本时,UISearchBar不显示任何结果

来自分类Dev

当我在TextField中点击时不显示键盘

来自分类Dev

当我打开工作区时,Eclipse不显示任何内容(请参见屏幕截图)

来自分类Dev

数组在执行代码时不显示任何内容

来自分类Dev

我的局部视图不显示

来自分类Dev

我需要图书馆时不显示输出

来自分类Dev

我的 PHP else { // 语句 }; 在 SQL 中使用 LIKE 未找到任何结果时不显示(提供图片)

来自分类Dev

Git Bash-当我尝试使用yarn运行所有测试时,它没有显示任何结果

来自分类Dev

苗条的框架,不显示任何输出

来自分类Dev

EditorForModel在视图上不显示任何内容

来自分类Dev

Android:Eclipse不显示任何视图属性

来自分类Dev

回收者视图不显示任何内容

来自分类Dev

列表视图不显示任何内容

来自分类Dev

角度:视图不显示任何内容

来自分类Dev

Android:Listview不显示任何结果

来自分类Dev

switch语句不显示任何结果

来自分类Dev

PDO SELECT查询不显示任何结果

来自分类Dev

SysRq在终端上不显示任何结果

来自分类Dev

HTML 视图不显示更新的模型

来自分类Dev

我要求用户输入大小和数组,但是当我打印矢量时,它仅显示“ 0”作为输出

Related 相关文章

  1. 1

    在python中,当我使用或运算符时不显示错误也不显示预期结果

  2. 2

    当我在数组中推送select2OptionData对象时,select2不显示任何值

  3. 3

    在模型和视图之间使用包装器时,QTreeView不显示任何项目

  4. 4

    当我再次单击时,它不显示任何内容,高度返回到0px,但其中的元素显示且不显示任何内容或离开页面

  5. 5

    当我在Android中减少到sw600dp时不显示HTML本地文件

  6. 6

    当我想从 django 中的查询结果中提取信息时,它不返回任何信息

  7. 7

    当我使用 INNER JOIN 时,MariaDB 没有显示任何结果

  8. 8

    为什么我的以下程序不显示任何输出(ArrayList)?

  9. 9

    运行迁移命令时,TypeORM CLI不显示任何输出

  10. 10

    键入文本时,UISearchBar不显示任何结果

  11. 11

    当我在TextField中点击时不显示键盘

  12. 12

    当我打开工作区时,Eclipse不显示任何内容(请参见屏幕截图)

  13. 13

    数组在执行代码时不显示任何内容

  14. 14

    我的局部视图不显示

  15. 15

    我需要图书馆时不显示输出

  16. 16

    我的 PHP else { // 语句 }; 在 SQL 中使用 LIKE 未找到任何结果时不显示(提供图片)

  17. 17

    Git Bash-当我尝试使用yarn运行所有测试时,它没有显示任何结果

  18. 18

    苗条的框架,不显示任何输出

  19. 19

    EditorForModel在视图上不显示任何内容

  20. 20

    Android:Eclipse不显示任何视图属性

  21. 21

    回收者视图不显示任何内容

  22. 22

    列表视图不显示任何内容

  23. 23

    角度:视图不显示任何内容

  24. 24

    Android:Listview不显示任何结果

  25. 25

    switch语句不显示任何结果

  26. 26

    PDO SELECT查询不显示任何结果

  27. 27

    SysRq在终端上不显示任何结果

  28. 28

    HTML 视图不显示更新的模型

  29. 29

    我要求用户输入大小和数组,但是当我打印矢量时,它仅显示“ 0”作为输出

热门标签

归档