knockout.js 如何在Magento 2中使用knockoutJS foreach

y53ybaqx  于 2022-11-10  发布在  其他
关注(0)|答案(1)|浏览(158)

我在一个伟大的战斗与knockoutJS和Magento 2。我很享受它,因为我知道我会学习一些新的和有用的。目前,我正在尝试使用foreach。我得到了例子的magento核心文件和从这里,但我仍然错过了一些东西。这里是我的代码:
文件. html

<div class="component-wrapper">
<ul>
<!-- ko foreach: { data: items, as: 'item' } -->
    <li data-bind="text: item.code"></li>
<!-- /ko -->
</ul>

<span data-bind="text: getTitle()"></span>

文件.js:

define([
    'ko',
    'jquery',
    'uiComponent',
    'Magento_Checkout/js/model/quote'
], function(ko, $, Component, quote) {
    'use strict';
    return Component.extend({

        getTitle : function() {
            return "My Function is here";
        },

        items : function(){
           const  items = [
                    {
                        id : '0001',
                        code : '123123'
                    },
                    {
                        id : '0001',
                        code : '123123'
                    }
                ];
            return items;
        },

        initialize: function () {
            console.log(this.items());
            this._super();
        },

        isActive : function(){
            return true;
        },

    });
});

打印屏幕在前端:

我试图显示在前端的项目。有人可以你保存我在这里:S:D
谢谢

iyfjxgzm

iyfjxgzm1#

我知道了。
我是失踪了“()”

相关问题