Otdfbt

Multi tool use

Do jazz musicians improvise on the parent scale in addition to the chord-scales?

Does classifying an integer as a discrete log require it be part of a multiplicative group?

Has negative voting ever been officially implemented in elections, or seriously proposed, or even studied?

How to answer "Have you ever been terminated?"

Can a new player join a group only when a new campaign starts?

How come Sam didn't become Lord of Horn Hill?

What's the meaning of "fortified infraction restraint"?

What would be the ideal power source for a cybernetic eye?

Did MS DOS itself ever use blinking text?

Why are both D and D# fitting into my E minor key?

How do I find out the mythology and history of my Fortress?

Using et al. for a last / senior author rather than for a first author

How would a mousetrap for use in space work?

Trademark violation for app?

Denied boarding although I have proper visa and documentation. To whom should I make a complaint?

If my PI received research grants from a company to be able to pay my postdoc salary, did I have a potential conflict interest too?

Declining "dulcis" in context

Why do the resolve message appear first?

What does this Jacques Hadamard quote mean?

Why do we bend a book to keep it straight?

For a new assistant professor in CS, how to build/manage a publication pipeline

What does the "x" in "x86" represent?

Where are Serre’s lectures at Collège de France to be found?

Compare a given version number in the form major.minor.build.patch and see if one is less than the other

How to add class in ko template 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.

magento2.3 php-7.2

share|improve this question

asked Apr 12 at 4:22

Mano MMano M

1,077219

add a comment | 

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.

magento2.3 php-7.2

share|improve this question

asked Apr 12 at 4:22

Mano MMano M

1,077219

add a comment | 

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

asked Apr 12 at 4:22

Mano MMano M

1,077219

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;
 
 );
 
);

share|improve this question

asked Apr 12 at 4:22

Mano MMano M

1,077219

share|improve this question

asked Apr 12 at 4:22

Mano MMano M

1,077219

asked Apr 12 at 4:22

Mano MMano M

1,077219

asked Apr 12 at 4:22

Mano MMano M

1,077219

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

answered Apr 12 at 4:28

Satish DubariyaSatish Dubariya

409112

add a comment | 

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

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

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

Name

Email

Required, but never shown

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

answered Apr 12 at 4:28

Satish DubariyaSatish Dubariya

409112

add a comment | 

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

answered Apr 12 at 4:28

Satish DubariyaSatish Dubariya

409112

add a comment | 

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

answered Apr 12 at 4:28

Satish DubariyaSatish Dubariya

409112

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

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

share|improve this answer

answered Apr 12 at 4:28

Satish DubariyaSatish Dubariya

409112

answered Apr 12 at 4:28

Satish DubariyaSatish Dubariya

409112

answered Apr 12 at 4:28

Satish DubariyaSatish Dubariya

409112