Search
 
SCRIPT & CODE EXAMPLE
 

TYPESCRIPT

add and edit in ionic page

<ion-header>
    <ion-navbar>
        <ion-title>SUBSCRIPTION</ion-title>
    </ion-navbar>
</ion-header>

<ion-content>
    <ion-item>
        <ion-buttons end>
            <button ion-button [disabled]="!isenabled" class="add_buttn" (click)="add_page()">Add/Edit</button>
        </ion-buttons>
    </ion-item>
    <ion-label class="sentnc">Take your desired plan to get access to our content easily</ion-label>
    <ion-row>
        <ion-col col2>
            <ion-card  (click)="onCardClick()">
                    <!-- <div *ngIf="cardClicked"></div> -->
                <ion-card-content>
                    <ion-card-title class="titles">
                        FREE
                    </ion-card-title>
                    <p>1 MONTH FREE</p>
                    <p>&nbsp;</p>
                    <p class="cost">₹0</p>
                    <p>&nbsp;</p>
                    <p>
                        <button (click)="free_pay()" ion-button color="dark" round>Choose plan</button>
                    </p>
                </ion-card-content>
            </ion-card>
        </ion-col>

        <ion-col col2>
            <ion-card (click)="onCardClick()">
                <ion-card-content>
                    <ion-card-title class="titles">
                        CLASSIC
                    </ion-card-title>
                    <p>6 MONTHS PLAN</p>
                    <p><del>₹150</del></p>
                    <p class="cost">₹100<sub>/month</sub></p>
                    <p>&nbsp;</p>
                    <p>
                        <button (click)="classic_pay()" ion-button color="dark" round>Choose plan</button>
                    </p>
                </ion-card-content>
            </ion-card>
        </ion-col>

        <ion-col>
            <ion-card (click)="onCardClick()">
                <ion-card-content>
                    <ion-card-title class="titles">
                        PREMIUM
                    </ion-card-title>
                    <p>1 YEAR PLAN</p>
                    <p><del>₹250</del></p>
                    <p class="cost">₹200<sub>/month</sub></p>
                    <p>&nbsp;</p>
                    <p>
                        <button (click)="premium_pay()" ion-button color="dark" round>Choose plan</button>
                    </p>
                </ion-card-content>
            </ion-card>
        </ion-col>
    </ion-row>
</ion-content>
Comment

PREVIOUS NEXT
Code Example
Typescript :: minimum number of cycle shifts for each string if it can be made palindrome 
Typescript :: js 
Typescript :: how to pass node arguments in nextjs 
Typescript :: Helpppppp!!!........... 
Typescript :: typescript add class to element 
Typescript :: breaks_width in r 
Typescript :: based on previous make validation for required in reactive forms 
Typescript :: turn milliseconds to human readable string typescript 
Typescript :: typescript list 
Typescript :: typescript new instance of interface 
Typescript :: python search all txts in a folder 
Typescript :: 10 elements of gothic literature 
Typescript :: directions api remove points bubble 
Typescript :: instruments du marché monétaire 
Cpp :: c++ loop through array backwards 
Cpp :: add c++ 
Cpp :: print stack c++ 
Cpp :: c++ typedef array 
Cpp :: vhdl integer to std_logic_vector 
Cpp :: log base c++ 
Cpp :: c++ custom comparator for elements in set 
Cpp :: how to sort in descending order c++ 
Cpp :: find all occurrences of a substring in a string c++ 
Cpp :: Plus (programming language) 
Cpp :: C++ std::async wait is taking forever 
Cpp :: c++ remove last element from vector 
Cpp :: convert vector to set c++ 
Cpp :: initialize 2d vector of ints c++ 
Cpp :: n queens c++ 
Cpp :: freopen c++ 
ADD CONTENT
Topic
Content
Source link
Name
2+8 =