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

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

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?

Likelihood that a superbug or lethal virus could come from a landfill

Does HR tell a hiring manager about salary negotiations?

Finding the area between two curves with Integrate

Mathematics of imaging the black hole

Is an up-to-date browser secure on an out-of-date OS?

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

How do PCB vias affect signal quality?

Can a flute soloist sit?

Getting crown tickets for Statue of Liberty

What force causes entropy to increase?

Old scifi movie from the 50s or 60s with men in solid red uniforms who interrogate a spy from the past

Can withdrawing asylum be illegal?

Cooking pasta in a water boiler

Dropping list elements from nested list after evaluation

Are there any other methods to apply to solving simultaneous equations?

How to translate "being like"?

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

Loose spokes after only a few rides

Kerning for subscripts of sigma?

Geography at the pixel level

How do I free up internal storage if I don't have any apps downloaded?

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



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

                    Why do type traits not work with types in namespace scope?What are POD types in C++?Why can templates only be...

                    Will tsunami waves travel forever if there was no land?Why do tsunami waves begin with the water flowing away...

                    Should I use Docker or LXD?How to cache (more) data on SSD/RAM to avoid spin up?Unable to get Windows File...