Knockout If-Else Condition Inside HTML File in Magento 2

htmlknockoutjsmagento-2.1.3magento2

I am customizing the shopping cart page, Here I worked knockout js and html code file. I successfully wrote If statement by below code.

<!-- ko if: isFreeShipping() -->
   //My Code goes here
<!-- /ko -->

For else statement not working, for these, I wrote below code.

    <!-- ko if: isFreeShipping() -->
       //My Code goes here
    <!-- ko ifnot: isFreeShipping() -->
       //My Code goes here
    <!-- /ko -->

Error: Uncaught Error: You cannot apply bindings multiple times to the
same element.

Can you please suggest me how to write If Else statement in html file?

You should write a below code for else condition

<!-- ko if: isFreeShipping() -->
    //My Code goes here
<!-- /ko -->
<!-- ko ifnot: isFreeShipping() -->
    //My Code goes here
<!-- /ko -->

You can try this :

<!-- ko if: falg -->
...
...
<!-- /ko --> 
<!-- ko ifnot: falg -->
...
...
<!-- /ko -->

In js file you can use like this :

 return Component.extend({.....}),
    initObservable: function () {
        var me = this;
        me.flag(true);
        return this;
    }, ....

After this you need to deploy static content or to test you can add changes directly in the same js and html file of pub/static.

Check deploy mode, If deploy mode is not developer mode then set it.

php bin/magento deploy:mode:set developer
Check .htaccess is in pub/static/ folder or not. If not then please take from fresh magento and add it.
Delete this file pub/static/frontend/<vendor>/<theme>/Magento_Checkout/web/template/cart/totals.html
Deploy static content

rm -rf pub/static/*

rm -rf var/*

rm -rf var/view_preprocessed/*

php bin/magento setup:static-content:deploy