How to add class in ko template in magento2 The 2019 Stack Overflow Developer Survey Results...

Am I ethically obligated to go into work on an off day if the reason is sudden?

ELI5: Why do they say that Israel would have been the fourth country to land a spacecraft on the Moon and why do they call it low cost?

Why is superheterodyning better than direct conversion?

What information about me do stores get via my credit card?

Why does the Event Horizon Telescope (EHT) not include telescopes from Africa, Asia or Australia?

What is special about square numbers here?

He got a vote 80% that of Emmanuel Macron’s

If the empty set is a subset of every set, why write ... ∪ {∅}?

How can I protect witches in combat who wear limited clothing?

Did God make two great lights or did He make the great light two?

Why can't devices on different VLANs, but on the same subnet, communicate?

University's motivation for having tenure-track positions

What are these Gizmos at Izaña Atmospheric Research Center in Spain?

Sort list of array linked objects by keys and values

How to pronounce 1ターン?

Keeping a retro style to sci-fi spaceships?

Scientific Reports - Significant Figures

Does Parliament hold absolute power in the UK?

How did the audience guess the pentatonic scale in Bobby McFerrin's presentation?

how can a perfect fourth interval be considered either consonant or dissonant?

Is there a writing software that you can sort scenes like slides in PowerPoint?

Can withdrawing asylum be illegal?

How are presidential pardons supposed to be used?

Is above average number of years spent on PhD considered a red flag in future academia or industry positions?



How to add class in ko template in magento2



The 2019 Stack Overflow Developer Survey Results Are In
Announcing the arrival of Valued Associate #679: Cesar Manara
Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)Magento 2.3 Fatal error: 'self' is an invalid class nameAdd custom template in footer in magento2How to add custom footer template for product view page in magento2How to add the option value for the product attribute in magento2Remove the attribute programmatically in magento2?Custom tab in admin product page in magento2Get product attribute measurement in magento2How to add new grid in product form in magento2How to add sidebar in custom layout in magento2?Add side bar in custom layout in magento2?





.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ margin-bottom:0;
}







5















I want to add class in ko template



In js:



define([
'jquery',
'ko',
'uiComponent',
'underscore',
'mage/translate',
'mage/storage',
'Magento_Checkout/js/model/url-builder',
'Magento_Customer/js/model/customer',
'Magento_Checkout/js/model/quote',
'Magento_Checkout/js/checkout-data'
], function ($, ko, Component, _, $t, storage, urlBuilder, customer, quote, checkoutData) {
'use strict';
return Component.extend({
errorMessage: ko.observable(false),
showElement: ko.observable(),

initialize: function () {
this._super();
this.showElement = this.resolveInitialVisibility();
return this;
},

resolveInitialVisibility: function () {
if (checkoutData.getInputFieldEmailValue() !== '') {
return checkoutData.getInputFieldEmailValue() === checkoutData.getCheckedEmailValue();
}

return false;
}
});
}
);


I need to add disable class for <div class="col-md-12 pdl0"> if the showElement returns true.



How to do that



Thanks.










share|improve this question





























    5















    I want to add class in ko template



    In js:



    define([
    'jquery',
    'ko',
    'uiComponent',
    'underscore',
    'mage/translate',
    'mage/storage',
    'Magento_Checkout/js/model/url-builder',
    'Magento_Customer/js/model/customer',
    'Magento_Checkout/js/model/quote',
    'Magento_Checkout/js/checkout-data'
    ], function ($, ko, Component, _, $t, storage, urlBuilder, customer, quote, checkoutData) {
    'use strict';
    return Component.extend({
    errorMessage: ko.observable(false),
    showElement: ko.observable(),

    initialize: function () {
    this._super();
    this.showElement = this.resolveInitialVisibility();
    return this;
    },

    resolveInitialVisibility: function () {
    if (checkoutData.getInputFieldEmailValue() !== '') {
    return checkoutData.getInputFieldEmailValue() === checkoutData.getCheckedEmailValue();
    }

    return false;
    }
    });
    }
    );


    I need to add disable class for <div class="col-md-12 pdl0"> if the showElement returns true.



    How to do that



    Thanks.










    share|improve this question

























      5












      5








      5








      I want to add class in ko template



      In js:



      define([
      'jquery',
      'ko',
      'uiComponent',
      'underscore',
      'mage/translate',
      'mage/storage',
      'Magento_Checkout/js/model/url-builder',
      'Magento_Customer/js/model/customer',
      'Magento_Checkout/js/model/quote',
      'Magento_Checkout/js/checkout-data'
      ], function ($, ko, Component, _, $t, storage, urlBuilder, customer, quote, checkoutData) {
      'use strict';
      return Component.extend({
      errorMessage: ko.observable(false),
      showElement: ko.observable(),

      initialize: function () {
      this._super();
      this.showElement = this.resolveInitialVisibility();
      return this;
      },

      resolveInitialVisibility: function () {
      if (checkoutData.getInputFieldEmailValue() !== '') {
      return checkoutData.getInputFieldEmailValue() === checkoutData.getCheckedEmailValue();
      }

      return false;
      }
      });
      }
      );


      I need to add disable class for <div class="col-md-12 pdl0"> if the showElement returns true.



      How to do that



      Thanks.










      share|improve this question














      I want to add class in ko template



      In js:



      define([
      'jquery',
      'ko',
      'uiComponent',
      'underscore',
      'mage/translate',
      'mage/storage',
      'Magento_Checkout/js/model/url-builder',
      'Magento_Customer/js/model/customer',
      'Magento_Checkout/js/model/quote',
      'Magento_Checkout/js/checkout-data'
      ], function ($, ko, Component, _, $t, storage, urlBuilder, customer, quote, checkoutData) {
      'use strict';
      return Component.extend({
      errorMessage: ko.observable(false),
      showElement: ko.observable(),

      initialize: function () {
      this._super();
      this.showElement = this.resolveInitialVisibility();
      return this;
      },

      resolveInitialVisibility: function () {
      if (checkoutData.getInputFieldEmailValue() !== '') {
      return checkoutData.getInputFieldEmailValue() === checkoutData.getCheckedEmailValue();
      }

      return false;
      }
      });
      }
      );


      I need to add disable class for <div class="col-md-12 pdl0"> if the showElement returns true.



      How to do that



      Thanks.







      magento2.3 php-7.2






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked yesterday









      Mano MMano M

      1,042219




      1,042219






















          1 Answer
          1






          active

          oldest

          votes


















          5














          You can use like this:



          <div class="col-md-12 pdl0" data-bind="css: {'disable': showElement} ">


          or like this:



          <div class="col-md-12 pdl0" data-bind="css: showElement ? 'disable' : ''">





          share|improve this answer
























            Your Answer








            StackExchange.ready(function() {
            var channelOptions = {
            tags: "".split(" "),
            id: "479"
            };
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function() {
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled) {
            StackExchange.using("snippets", function() {
            createEditor();
            });
            }
            else {
            createEditor();
            }
            });

            function createEditor() {
            StackExchange.prepareEditor({
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: false,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: null,
            bindNavPrevention: true,
            postfix: "",
            imageUploader: {
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            },
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            });


            }
            });














            draft saved

            draft discarded


















            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f269804%2fhow-to-add-class-in-ko-template-in-magento2%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            5














            You can use like this:



            <div class="col-md-12 pdl0" data-bind="css: {'disable': showElement} ">


            or like this:



            <div class="col-md-12 pdl0" data-bind="css: showElement ? 'disable' : ''">





            share|improve this answer




























              5














              You can use like this:



              <div class="col-md-12 pdl0" data-bind="css: {'disable': showElement} ">


              or like this:



              <div class="col-md-12 pdl0" data-bind="css: showElement ? 'disable' : ''">





              share|improve this answer


























                5












                5








                5







                You can use like this:



                <div class="col-md-12 pdl0" data-bind="css: {'disable': showElement} ">


                or like this:



                <div class="col-md-12 pdl0" data-bind="css: showElement ? 'disable' : ''">





                share|improve this answer













                You can use like this:



                <div class="col-md-12 pdl0" data-bind="css: {'disable': showElement} ">


                or like this:



                <div class="col-md-12 pdl0" data-bind="css: showElement ? 'disable' : ''">






                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered yesterday









                Satish DubariyaSatish Dubariya

                409112




                409112






























                    draft saved

                    draft discarded




















































                    Thanks for contributing an answer to Magento Stack Exchange!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid



                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.


                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function () {
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f269804%2fhow-to-add-class-in-ko-template-in-magento2%23new-answer', 'question_page');
                    }
                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    Cannot install PyQt5 The Next CEO of Stack OverflowCannot install tcpreplay 3.4.4cannot...

                    Kapp-Putsch Acontecimentos | Outros artigos | Menu de navegação

                    Why did early computer designers eschew integers? The Next CEO of Stack OverflowWhat register...