, controle - in combinatie met de,,,,,,,,,, deelt, delen, delen,,,,,, het netwerk van maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen, een deel van de prijs van een reeks wordt aangeduid als de "knock - out beknopt. Knock - out observablesappearance gebonden, zoals we in het vorige programma, het ontwerpen van een ViewModel oog is het creëren van een javascript object een model van de lidstaten.Een model van een integraal onderdeel van het systeem van controle op de uitvoering van het proces, is het vermogen van de modellen.De lijst kan door de verspreiding van de gegevens, met inbegrip van of uitgesloten van bepaalde voorwaarden van de visuele elementen tot een minimum te beperken, kunnen merken, laat je je volledige controle van de gegevens blijkt dat, zoals we hebben gezien,,, voor de, bindend kan worden door observatie - circuit, maar de Knockout.js omvat Ook twee logica als het niet bindend:,,.Bovendien, het laat je hand wijziging van het model van de werkingssfeer van de blokken, les geeft u knock - out. Js controle - bindende uitbreiding Winkelwagen voorbeeld uit de lessen van het verleden.We 'll ook onderzoeken van sommige van de nuances van voor, dat was in de vorige lesson. glossed over,, de voor, bindende, laat' s kijken: start van een dichter op onze bestaande voor, loop:, < tbody data-bind='foreach: shoppingCart'> < tr> < d data-bind='text: name'> < /td> < d data-bind='text: price'> < /td> < td> < knop data-bind='click: $root.removeProduct'> Remove< /button> < /td> < /tr> < /tbody>, wanneer Knockout.js encounters voor, in de data-bind, het iterates, die, door de shoppingCart - en gebruikt elk item het vindt voor de, bindend kader, van de Contained markup.Dit is hoe het verkeer in de context Knockout.js bereik.In dit geval, dat is waarom we gebruik kunnen maken van de naam en de prijs toekennen, en heeft geen betrekking op produkten van de aanleg, het gebruik van een bindend kader, het gebruik van elk van de projecten in een nieuwe context is een handige manier om het verkeer, maar ook het gedrag van het onmogelijk maakt om in herhaling, behalve het voorwerp het huidige project de herhalingen.Dus, Knockout.js zodat de bijzondere eigenschappen van een bindend kader kan in elk.Op al deze eigenschap kan slechts op,,, nee,, ViewModel. $eigendom, de wortels, de context verwijst altijd naar boven ViewModel, ongeacht of de andere veranderingen - bereik.Zoals we in de les, waardoor het kan manipuleren ViewModel "methoden van de toegang tot de gegevens.,, dollar voor dollar, eigendom, gegevens, in de huidige context ViewModel context verwijst naar de eigenschappen van een object.Dit is, dit in een javascript object wachtwoord.Bijvoorbeeld, in elk van onze ShoppingCart dollar: gegevens hebben betrekking op de huidige hoogte, is het project in de lijst.Dus, de volgende code is precies hetzelfde als de gegevens niet worden gebruikt: $< - gegevens verplicht =: $gegevens. De naam "> < /TD > < - gegevens verplicht =: $gegevens. De prijs van > < /TD% GT%, dit is een belangrijke eigenschap. Maar het is essentieel als je die voor waarden, met de string of digitale array.We kunnen bijvoorbeeld de lijst van vertegenwoordigers van de etikettering van producten opslaan van elke string, functionele producten (de naam, de prijs, de etikettering) {} = ko. Observatie (naam); this.price = ko. Observatie (prijzen); - = Type (etikettering).= "niet"?Etikettering: []; this.tags = ko. Observablearray (etikettering);}, en dan, de definitie van etikettering in een Winkelwagen, producten van een reeks nieuwe producten ("brood, 1.49, ['baked goederen", "dogs"]); en nu kunnen we zien dat actie op $gegevens hieronder.In < tabel > met inbegrip van ons in het winkelwagentje van goederen, met toevoeging van < TD > < ul > - die, etikettering, installatie, < tfoot> ='foreach:ShoppingCart gegevens verplicht de > < tr > < - gegevens in naam van bindende = ": > < /TD > < - gegevens in prijzen van bindende =:" > < /O > < O > <.- toevoeging van een lijst van etiketten.- > < - gegevens verplicht ='foreach: etikettering > < li gegevens: gegevens in bindende = $> < /Lee > < /UL > < /O > < O > < knop gegevens verplicht = klik: dollar "> removeproduct wortel.; het schrappen van < /knop > < /O > < /TR > < /TBODY > < /tabel > binnen, elke: etikettering, ring, Knockout.js gebruik maken van lokale string" gebakken "en" dogs "als een bindend kader.Maar nu moeten we in plaats van ze, de werkelijke toegang tot eigendom van touw, we hebben het nodig voor de gegevens het voorwerp van de dollar -.,,, onroerend goed, in een cyclus,,,,, de dollar eigenschap bevat de huidige in de index van de generator.De meeste dingen als Knockout.js, de waarde van de dollar wordt automatisch verlengd, als je de toevoeging of schrapping van gegevens in verband met de opmerkingen van de generator.Dit is een nuttige eigenschap, als je dat elk project moeten de indicatoren, zoals:, < - gegevens verplicht =: dollar index "> < /TD >, voor de ouders, ouders, eigendom van de goederen, is die van de dollar ViewModel object, moeder.Meestal, als je... Als je alleen maar in de cyclus moet de toegang tot eigendom.Bijvoorbeeld, als je toegang moeten hebben tot de producten uit de voorbeelden: de etikettering voor de ring, je vader kan met de $eigenschap:, < - gegevens verplicht = "voor: etikettering" > < li > < de gegevens van bindende tekst: = "moeder." > < trans - > - < de gegevens verplicht = "tekst: $gegevens" > < Kruis > < /Lee > < /UL > aan de installatie van een,, tussen, in combinatie met De context, en de besprekingen van de eigenschappen van voordat je moet al het gereedschap dat u nodig heeft in de je web van toepassing, en - Knockout.js.,, kortingen, terwijl wij nog voorwaarden gebonden, we gaan nog een eigenschap, kortingen, onze producten: producten (naam, functie van de prijs, kortingen) {...De korting = Type (met korting).= "niet"?De korting: 0; this.discount = ko. Observatie (met korting); this.formatteddiscount = ko. De berekening (functie) (terugkeer (dit. Korting () × 100) +%;}, dit);}, dat geeft ons een voorwaarde, zodat we het kunnen controleren en knock - out is inbinden.Ten eerste, we hebben het gedaan, kortingen, de keuze van de parameter, geef het een standaard 0.En dan, creëren we een aanzienlijke korting, dus Knockout.js kan volgen van de verandering.Tot slot, de definitie van een berekening eigendom is een vriendelijke versie van de korting, laten we blijven nog een korting van 20% van de eerste projecten, personviewmodel. ShoppingCart:,, this.shoppingcart = ko. Observablearray ([nieuwe producten ("bier" leeg, 99, 20), nieuwe producten ("duivel", 799), nieuwe producten ("brood, 1.49, ['baked goederen", "dogs"]);]);,,, als het niet gebonden, als bindend is afhankelijk van de voorwaarde dat de combinatie.Als je door de parameters voor de beoordeling geldt, met inbegrip van: //europa.eu.int /comm /zal worden aangetoond, tenzij uit de DOM wordt geschrapt.Bijvoorbeeld, proberen de toevoeging van de volgende cel < tabel > met inbegrip van projecten in de kar, wis knop < - gegevens verplicht = ": korting ()% GT% 0 stijl = kleur: rood > je hebt < de gegevens verplicht =: formatteddiscount" > < trans - >.!!!!!!!!!!!!!!< /TD >, van alles < OTO >, element kan er alleen een korting van meer dan een project van 0,.Bovendien, als gevolg van aanzienlijke kortingen, Knockout.js automatisch een herberekening van de voorwaarden was veranderd.Dit is gewoon een manier om je te concentreren op de gegevens, Knockout.js gedreven toepassingen.,, grafiek 15: voorwaarden waardoor een korting voor elk product, kan worden gebruikt. Een uitdrukking voor: Knockout.js javascript voorwaarden zal proberen te beoordelen. Als het gebruik van de browser code of een verborgen element.Zoals je misschien al geraden, niet te ontkennen, in combinatie met de uitdrukking,.,,,,,, in combinatie met de hand kunnen worden gebruikt, in combinatie met de afkondiging van een blok.Probeer de toevoeging van de volgende codes naar uw mening in de top "controle" en "toe te voegen: bier" knop, < P = "gegevens verplicht: featuredproduct" > je moet sterk gebonden = < gegevens in: de naam "> < /sterk >?< BR /> nu een < sterke gegevens verplicht =: prijs "> < /sterk >.< /P > binnen de,, blokken, Knockout.js gebruik, personviewmodel.featuredproduct, als een bindend kader.Dus de tekst: de naam en de tekst: de prijs gebonden zoals verwacht zonder verwijzing naar hun werk, vader, natuurlijk, voor werk: //europa.eu.int /comm /, je moet de definitie van een, featuredproduct, eigendom, personviewmodel:VaR kenmerken = nieuwe producten ("de ultieme barbecue saus", 3,99); this.featuredproduct = Ko. Observatie (kenmerken);,, geeft een overzicht van de in de les,,, als,, of niet, en bindend.Deze controle - gebonden aan Je volledige controle van uw model op een in het oog dat de knock - out, de relatie tussen de bindende en belangrijk. Is waargenomen.Technisch gezien, is het volledig onafhankelijk.Zoals we hebben gezien in de serie begint, je kan een normaal gebruik van de voorwerpen en lokale javascript eigenschappen (d.w.z. de onzichtbare) uw mening model, en de mening van de juiste bindende Knockout.js.Echter, in de eerste Knockout.js alleen aan het model van de tijd niet zichtbaar, niet automatisch als de onderliggende gegevens bijwerken van mening veranderen.Want dat is het hele punt van Knockout.js, meestal zie je bindende verwijst naar de aard van de waargenomen, zoals die van ons, zijn: de kar, in elk geval in combinatie met de controle, nu kunnen we onze standpunten in de logica van de modellen, we kunnen blijven voor de controle van de afzonderlijke elementen voorkomen: //europa.eu.int /comm /.De volgende les in Knockout.js interessante deel: uiterlijk van deze klasse vertegenwoordiger, bindend., van het ene hoofdstuk knock - out is, in Syncfusion gratis e - team.,