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

How did passengers keep warm on sail ships?

What is the most efficient way to store a numeric range?

Falsification in Math vs Science

What does もの mean in this sentence?

Cooking pasta in a water boiler

Does HR tell a hiring manager about salary negotiations?

What to do when moving next to a bird sanctuary with a loosely-domesticated cat?

Can withdrawing asylum be illegal?

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

How to support a colleague who finds meetings extremely tiring?

How do you keep chess fun when your opponent constantly beats you?

RequirePermission not working

Did the UK government pay "millions and millions of dollars" to try to snag Julian Assange?

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

How to notate time signature switching consistently every measure

How do PCB vias affect signal quality?

What is the meaning of Triage in Cybersec world?

Getting crown tickets for Statue of Liberty

How can I add encounters in the Lost Mine of Phandelver campaign without giving PCs too much XP?

If I score a critical hit on an 18 or higher, what are my chances of getting a critical hit if I roll 3d20?

Can a flute soloist sit?

A word that means fill it to the required quantity

Keeping a retro style to sci-fi spaceships?

Did any laptop computers have a built-in 5 1/4 inch floppy drive?



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 1 hour 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 56 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

                    Fairchild Swearingen Metro Inhaltsverzeichnis Geschichte | Innenausstattung | Nutzung | Zwischenfälle...

                    Pilgersdorf Inhaltsverzeichnis Geografie | Geschichte | Bevölkerungsentwicklung | Politik | Kultur...

                    Marineschifffahrtleitung Inhaltsverzeichnis Geschichte | Heutige Organisation der NATO | Nationale und...