Me parece que no puede conseguir un foreach anidado a trabajar.

El código JS es:

$(document).ready(function() {

    function chartValueViewModel(date, price) {
        this.date = date;
        this.price = price;
    }

    function chartViewModel(id, name, lineType, values) {
        this.id = id;
        this.name = name;
        this.lineType = lineType;
        this.values = ko.observableArray(values);
    }

    function liveCurveViewModel() {

        this.chartsData = ko.observableArray([]);
        var chartsData = this.chartsData;

        this.init = function() {

            var mappedCharts = $.map(chartValues,
            function(chart) {
                var mappedValues = $.map(chart.chartValues, function(value) {
                    return new chartValueViewModel(value.dateTime, value.price);
                })
                return new chartViewModel(chart.id, chart.name, chart.liveCurveTypeId, mappedValues);
            });

            chartsData(mappedCharts);
        };
    }

    var vm = new liveCurveViewModel();
    vm.init();
    ko.applyBindings(vm);

});

Html es:

<ul data-bind="foreach: chartsData ">
    <li data-bind="text: name">
        <ul data-bind="foreach: values">
           <li data-bind="text: price">
           </li>
        </ul>
    </li>
</ul>

El exterior bucle hace correctamente, pero me sale nada desde el interior del bucle, ni siquiera un mensaje de error. Lo he comprobado y los valores de campo en la chartViewModel se rellena.

1 Comentario

  1. 29

    La text de unión que tiene en su exterior li es sobrescribir el contenido en el interior de la misma, por lo que es soplado lejos de su interior foreach. El text de unión de los conjuntos de la innerText/textContent del elemento, que sobrescribe los actuales niños.

    Usted quiere hacer algo como:

    <ul data-bind="foreach: chartsData ">
        <li>
            <span data-bind="text: name"></span>
            <ul data-bind="foreach: values">
               <li data-bind="text: price">
               </li>
            </ul>
        </li>
    </ul>
    • Niemeyer u debe explicar por qué exteriores li texto vinculante sobrescribir el interior. si es posible explicar este comportamiento en los detalles. gracias
    • agrega una frase adicional para aclarar que la text de unión de los conjuntos de innertText/textContent. Espero que ayude!

Dejar respuesta

Please enter your comment!
Please enter your name here