在不使用按钮的情况下显示列表，带有挖空功能

Show list without using a button, with knockout

本文关键字：功能 列表 显示 按钮 情况下      更新时间：2023-09-26

我有此代码在单击按钮时显示列表。如何在不单击按钮的情况下显示列表？

<button class="btn"  type="submit" data-bind="click: getList">Get List</button>
<ul data-bind="foreach: pList">
    <li>
        <b data-bind="text: $data"></b>  
    </li>
</ul>
define(['sublime/aadConfig','knockout'], function (aconfig,ko) {
    var plugins = ko.observableArray([]);
    var getPlugins = function () { 
        plugins(aconfig.getPluginList());
    };
    return {
        pList: plugins,
        getList: getPlugins
    };
});
如果您希望

加载列表而无需单击按钮，则只需调用getPlugins;

define(['sublime/aadConfig','knockout'], function (aconfig,ko) {
    var plugins = ko.observableArray([]);
    var getPlugins = function () {
        plugins(aconfig.getPluginList());
    };
    getPlugins(); //<-- This will go populate your plugins observable, which should auto populate your list.
    return {
        pList: plugins,
        getList: getPlugins
    };   
});

编辑

如果您的数组中有对象，那么这将在您指定在标记中显示$data时发生。

[{text："someText"}，{text："someText"}

，{text："someText"}] <-- 这将输出 [对象对象]

["一些文本"，"一些文本"，"一些文本"] <-- 将输出"一些文本"

所以听起来你需要在你的标记中说$data.myDesiredValue或只是myDesiredValue，而不是$data

如果你

有jQuery但不是那么漂亮的一个快速解决方案：

$(function(){
    $('button.btn').click();

}）;

相关文章：