Als «knockout.js» getaggte Fragen

Knockout.js ist eine Open-Source-JavaScript-Bibliothek für dynamische HTML-Benutzeroberflächen, die das MVVM-Muster (Model-View-View Model) verwendet.

9
Wie lösche / entferne ich beobachtbare Bindungen in Knockout.js?
Ich baue Funktionen auf eine Webseite, die der Benutzer mehrmals ausführen kann. Durch die Aktion des Benutzers wird ein Objekt / Modell erstellt und mit ko.applyBindings () auf HTML angewendet. Der datengebundene HTML-Code wird über jQuery-Vorlagen erstellt. So weit, ist es gut. Wenn ich diesen Schritt wiederhole, indem ich ein …
4
Wie kann ein Element in einem beobachtbaren Array bedingt verschoben werden?
Ich möchte pusheinen neuen Artikel auf einen observableArray, aber nur wenn der Artikel noch nicht vorhanden ist. Gibt es eine "Such" -Funktion oder ein empfohlenes Muster, um dies in KnockoutJS zu erreichen? Ich habe festgestellt, dass die removeFunktion auf einem observableArrayeine Funktion zum Übergeben einer Bedingung empfangen kann. Ich möchte …
103 knockout.js 
4
Beim Aufrufen von ko.applyBindings wird die Eigenschaft 'nodeType' von null nicht gelesen
Ich habe diesen Knockout-Code: function Task(data) { this.title = ko.observable(data.title); this.isDone = ko.observable(data.isDone); } function TaskListViewModel() { // Data var self = this; self.tasks = ko.observableArray([]); self.newTaskText = ko.observable(); self.incompleteTasks = ko.computed(function() { return ko.utils.arrayFilter(self.tasks(), function(task) { return !task.isDone() }); }); // Operations self.addTask = function() { self.tasks.push(new Task({ title: …
4
Bestimmen Sie, ob eine Objekteigenschaft ko.observable ist
Ich verwende KnockoutJS Version 2.0.0 Wie kann ich testen, ob jede Eigenschaft eine ist, wenn ich alle Eigenschaften eines Objekts durchlaufe ko.observable? Folgendes habe ich bisher versucht: var vm = { prop: ko.observable(''), arr: ko.observableArray([]), func: ko.computed(function(){ return this.prop + " computed"; }, vm) }; for (var key in vm) …
4
Wie werden If-Else-Strukturen in datengebundenen Ansichten erstellt?
Ich verwende dieses Idiom ständig in KO-basierten HTML-Vorlagen: <!-- ko if: isEdit --> <td><input type="text" name="email" data-bind="value: email" /></td> <!-- /ko --> <!-- ko ifnot: isEdit --> <td data-bind="text: email"></td> <!-- /ko --> Gibt es eine bessere / sauberere Möglichkeit, Bedingungen in KO zu erfüllen, oder gibt es eine bessere …
2
Zugriffsindex von $ parent in knockout.js
In knockout.js 2.1.0 können Sie in einer Vorlage mit der foreach-Bindung über die Funktion $ index () auf den Index des aktuellen Elements zugreifen. Gibt es in einer verschachtelten foreach-Bindung eine Möglichkeit, über eine Vorlage auf den Index des $ parent zuzugreifen? Angenommen, ich habe eine Datenstruktur wie diese: var …
10
Änderungsereignis bei Auswahl mit Knockout-Bindung. Wie kann ich wissen, ob es sich um eine echte Änderung handelt?
Ich erstelle eine Benutzeroberfläche für Berechtigungen. Ich habe eine Liste mit Berechtigungen mit einer Auswahlliste neben jeder Berechtigung. Die Berechtigungen werden durch ein beobachtbares Array von Objekten dargestellt, die an eine Auswahlliste gebunden sind: <div data-bind="foreach: permissions"> <div class="permission_row"> <span data-bind="text: name"></span> <select data-bind="value: level, event:{ change: $parent.permissionChanged}"> <option value="0"></option> …
8
Binden von wahr / falsch an Optionsfelder in Knockout JS
In meinem Ansichtsmodell habe ich einen IsMale-Wert mit dem Wert true oder false. In meiner Benutzeroberfläche möchte ich es an die folgenden Optionsfelder binden: <label>Male <input type="radio" name="IsMale" value="true" data-bind="checked:IsMale"/> </label> <label>Female <input type="radio" name="IsMale" value="false" data-bind="checked:IsMale"/> </label> Ich denke, das Problem ist, checkeddass eine Zeichenfolge "true" / "false" erwartet …
1
knockout.js - Ruft ViewModel vom DOM-Element ab
Ist es möglich, das gebundene ViewModel-JavaScript-Objekt von einem bestimmten DOM-Element abzurufen? ko.applyBindings( gLoginViewModel, document.getElementById("login-form") ); ko.applyBindings( gLoginViewModel, document.getElementById("register-form") ); und irgendwo anders - in eher nicht verwandtem Code - so etwas: var viewModel = ko.getViewModel( formElement ); viewModel.someObservable( someData ); // observable available in all ViewModels Es wäre sogar besser, …
2
knockout.js verwendet $ index mit if bind
Ich versuche, ein Markup basierend auf dem Wert von $indexanzuzeigen. Ich kann den Wert anzeigen, aber ich kann ihn scheinbar nicht mit einer ifBindung verwenden. Was ist hier der beste Ansatz? <!-- ko if: $index===0 --> <div>some mark up here</div> <!-- /ko -->
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.