Domande taggate «knockout.js»

Knockout.js è una libreria JavaScript open source per interfacce utente HTML dinamiche che utilizza il pattern Model-View-View Model (MVVM).

9
Come cancellare / rimuovere associazioni osservabili in Knockout.js?
Sto creando funzionalità su una pagina web che l'utente può eseguire più volte. Attraverso l'azione dell'utente, un oggetto / modello viene creato e applicato all'HTML utilizzando ko.applyBindings (). L'HTML associato ai dati viene creato tramite modelli jQuery. Fin qui tutto bene. Quando ripeto questo passaggio creando un secondo oggetto / …
4
Come inserire in modo condizionale un elemento in un array osservabile?
Vorrei pushun nuovo articolo su un observableArray, ma solo se l'articolo non è già presente. Esiste una funzione "trova" o uno schema consigliato per ottenere ciò in KnockoutJS? Ho notato che la removefunzione su un observableArraypuò ricevere una funzione per il passaggio di una condizione. Voglio quasi la stessa funzionalità, …
103 knockout.js 
4
Ottenere "Impossibile leggere la proprietà 'nodeType' di null" durante la chiamata a ko.applyBindings
Ho questo codice knockout: 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
Determina se la proprietà di un oggetto è ko.observable
Sto usando KnockoutJS versione 2.0.0 Se sto scorrendo tutte le proprietà di un oggetto, come posso verificare se ciascuna proprietà è una ko.observable? Ecco cosa ho provato finora: var vm = { prop: ko.observable(''), arr: ko.observableArray([]), func: ko.computed(function(){ return this.prop + " computed"; }, vm) }; for (var key in …
4
Come modellare le strutture If-Else nelle viste con associazione a dati?
Mi trovo costantemente a usare questo idioma nei modelli HTML basati su KO: <!-- 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 --> Esiste un modo migliore / più pulito per eseguire i condizionali in …
4
Come avere più attributi di associazione dati su un elemento?
Ho bisogno di più associazioni di dati su un elemento. Ad esempio, voglio hrefun'associazione di htmldati su un a tag. L'ho provato, <a data-bind="html: name" data-bind="attr: { href: url }" data-bind="attr: { 'data-prop': xyz }"> </a> Ma questo non funziona. Sembra che knockout supporti solo l'associazione di una data-bind proprietà? …
2
Accedi all'indice di $ parent in knockout.js
In knockout.js 2.1.0, in un modello che utilizza l'associazione foreach, è possibile accedere all'indice dell'elemento corrente tramite la funzione $ index (). In un binding foreach annidato, esiste un modo per accedere all'indice di $ parent da un modello? Supponiamo che io abbia una struttura dati come questa: var application …
10
Modifica evento su selezione con associazione ad eliminazione diretta, come posso sapere se si tratta di un vero cambiamento?
Sto creando un'interfaccia utente per le autorizzazioni, ho un elenco di autorizzazioni con un elenco di selezione accanto a ciascuna autorizzazione. I permessi sono rappresentati da una matrice osservabile di oggetti che sono legati a un elenco di selezione: <div data-bind="foreach: permissions"> <div class="permission_row"> <span data-bind="text: name"></span> <select data-bind="value: level, …
8
Associazione vero / falso ai pulsanti di opzione in Knockout JS
Nel mio modello di visualizzazione ho un valore IsMale che ha il valore vero o falso. Nella mia interfaccia utente desidero associarlo ai seguenti pulsanti di opzione: <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> Il problema credo sia che si checkedaspetta una stringa …
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.