magento2 knockoutjs benutzerdefinierte Vorlagenbindung

Ich versuche, knockoutjs in magento2 zu verstehen, insbesondere das Binden von benutzerdefinierten Vorlagen.

Kann jemand eine Idee haben, wie es funktioniert? atleast Wo finde ich die Definition von getTemplate?

<!-- ko if: (!quoteIsVirtual) -->
            <!-- ko foreach: getRegion('customer-email') -->
                <!-- ko template: getTemplate() --><!-- /ko -->
            <!--/ko-->
        <!--/ko-->

Öffnen

Magento / Checkout / view / frontend / layout / checkout_index_index.xml

Datei. sieh dir die folgende Zeile an

<item name = "component" xsi: type = "string"> Magento_Checkout / js / view / shipping </ item>

So

Magento / Checkout / view / frontend / web / js / view / shipping.js

das ist deine js datei. Öffne es. Aussehen

Vorlage: 'Magento_Checkout / Versand'

Dies ist die Vorlagendatei für diese JS.

Geh zurück zu

Magento / Checkout / view / frontend / layout / checkout_index_index.xml

Linie 122 (M2 2.0.0-rc)

<item name = "children" xsi: type = "array">

Hier können Sie einige untergeordnete Knoten sehen. mögen

<item name = "Kunden-E-Mail" xsi: type = "array">
----
---
</ item>

So

getTemplate ()

ist verantwortlich für das aktuelle Template-Rendering

Magento / Checkout / view / frontend / web / template / form / element / email.html

Öffne es, dann siehst du folgendes Code-Snippet

<!-- ko foreach: getRegion('additional-login-form-fields') -->
            <!-- ko template: getTemplate() --><!-- /ko -->
            <!-- /ko -->

Dieser Knoten "Zusätzliche Anmeldeformulare" ist der untergeordnete Knoten von "Kunden-E-Mail".

Wenn das Zitat für Ihr Code-Snippet nicht virtuell ist, wählen Sie ko

foreach: getRegion ('Kunden-Email')

Dies ist der Name des untergeordneten Knotens, und die Vorlage wird gerendert.

Sie finden die Definition von getTemplate unter,

`root\vendor\magento\module-ui\view\base\web\js\lib\core\element\element.js` 

Datei aus Zeile Nr. 255 bis 257.

  getTemplate: function () {
                return this.template;
            }