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

Cooking pasta in a water boiler

Is it ok to offer lower paid work as a trial period before negotiating for a full-time job?

Why is the maximum length of OpenWrt’s root password 8 characters?

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

How much of the clove should I use when using big garlic heads?

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

Can we generate random numbers using irrational numbers like π and e?

What is the motivation for a law requiring 2 parties to consent for recording a conversation

How come people say “Would of”?

Geography at the pixel level

The phrase "to the numbers born"?

Falsification in Math vs Science

Does HR tell a hiring manager about salary negotiations?

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

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

If my opponent casts Ultimate Price on my Phantasmal Bear, can I save it by casting Snap or Curfew?

Is it safe to harvest rainwater that fell on solar panels?

Match Roman Numerals

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

What do hard-Brexiteers want with respect to the Irish border?

What force causes entropy to increase?

Accepted by European university, rejected by all American ones I applied to? Possible reasons?

Is it ethical to upload a automatically generated paper to a non peer-reviewed site as part of a larger research?

How to notate time signature switching consistently every measure



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

                    ORA-01691 (unable to extend lob segment) even though my tablespace has AUTOEXTEND onORA-01692: unable to...

                    Always On Availability groups resolving state after failover - Remote harden of transaction...

                    Circunscripción electoral de Guipúzcoa Referencias Menú de navegaciónLas claves del sistema electoral en...