不使用按鈕顯示列表，用敲除

Question

我有這段代碼來顯示一個按鈕被點擊時的列表。如何在不點擊按鈕的情況下顯示列表？

<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 
    }; 
}); 

Answer 1

一個快速的解決方案，如果您有jQuery的但不那麼漂亮：

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

}）;

Answer 2

如果您想要加載列表而無需單擊按鈕，只需調用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 
    }; 
}); 

編輯

如果你有你的數組中的對象，然後按照指定的在您的標記顯示$數據會發生。

[{文字： 「SomeText」 則會}，{文字： 「SomeText」 則會}，{文字： 「SomeText」 則會}] < - 這將輸出的翻譯：

[ 「SomeText」 則會，「sometext 」，‘someText’則會] < - 將輸出‘someText’則會

因此，它聽起來像你需要說$ data.myDesiredValue或只是myDesiredValue在您的標記，而不是$數據