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

How to type this arrow in math mode?

Alternative to の

Dropping list elements from nested list after evaluation

Why not take a picture of a closer black hole?

Is bread bad for ducks?

Can you cast a spell on someone in the Ethereal Plane, if you are on the Material Plane and have the True Seeing spell active?

What is this sharp, curved notch on my knife for?

"as much details as you can remember"

How to translate "being like"?

Is Cinnamon a desktop environment or a window manager? (Or both?)

The difference between dialogue marks

Why was M87 targeted for the Event Horizon Telescope instead of Sagittarius A*?

How to add class in ko template in magento2

How to notate time signature switching consistently every measure

What does もの mean in this sentence?

How to quickly solve partial fractions equation?

Does HR tell a hiring manager about salary negotiations?

Why don't hard Brexiteers insist on a hard border to prevent illegal immigration after Brexit?

Is it okay to consider publishing in my first year of PhD?

writing variables above the numbers in tikz picture

A word that means fill it to the required quantity

How can I have a shield and a way of attacking with a ranged weapon at the same time?

How to charge AirPods to keep battery healthy?

Can withdrawing asylum be illegal?



How to add class in ko template in magento2



The 2019 Stack Overflow Developer Survey Results Are InMagento 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;
}







3















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





























    3















    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

























      3












      3








      3








      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 47 mins ago









      Mano MMano M

      1,025219




      1,025219






















          1 Answer
          1






          active

          oldest

          votes


















          3














          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









            3














            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




























              3














              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


























                3












                3








                3







                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 41 mins ago









                Satish DubariyaSatish Dubariya

                364112




                364112






























                    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

                    What is the “three and three hundred thousand syndrome”?Who wrote the book Arena?What five creatures were...

                    Gersau Kjelder | Navigasjonsmeny46°59′0″N 8°31′0″E46°59′0″N...

                    Hestehale Innhaldsliste Hestehale på kvinner | Hestehale på menn | Galleri | Sjå òg |...