Я пытаюсь создать массив позиций контрактов (CLIN), которые будут отображаться в виде отдельных элементов div под заголовком общей информации контракта.
Я могу заставить обычные наблюдаемые работать, но кажется, что передача массива через конструктор для модели представления не создает никакой части наблюдаемого массива clins.
У меня есть jsFiddle, который иллюстрирует мою проблему. Для меня странно, что тег data-bind="text: clins.length() в теге HTML не возвращает ничего, но вместо этого ничего не делает.
Есть ли способ включить отладку в jsFiddle или я должен увидеть предупреждение/ошибку?
Ошибки с jsfiddle страниц отправляются в ваш браузер.
Что касается вашей ошибки, попробуйте следующее:
<span data-bind="text: clins().length">
Это превращает observableArray в array и использует свойство массива length.
См. обновил jsfiddle.
Выполните observableArray как функцию для получения базового массива, затем получите его длину:
<!-- ↓↓ -->
myObsArray length is: <span data-bind="text: myObsArray().length"></span>
Позвольте мне дать ответ, который содержит некоторые подробности в дополнение к @kendaleiv solution, и это также отвечает на очень близкий вопрос, который, как я чувствую, у многих людей:
Почему
myObsArray.lengthвсегда возвращает 0 (ноль)?
Типичным воспроизведением такого сценария будет следующее:
ko.applyBindings({ myObsArray: ko.observableArray(["one", "two", "three"]) });<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
myObsArray.length = <span data-bind="text: myObsArray.length"></span>Для тех, кто хочет получить длину наблюдаемого массива без элементов _destroy ed, вы можете использовать эту функцию:
ko.observableArray.fn.totalVisible = function() {
var items = this(), count = 0;
if (items == null || typeof items.length === "undefined") {
return 0;
}
for (var i = 0, l = items.length; i < l; i++) {
if (items[i]._destroy !== true) {
count++;
}
}
return count;
};
Затем, чтобы использовать его:
myObservableArray.totalVisible();