Apply for Zend Framework Certification Training

Ionic





D:\xampp\htdocs\IonicFormValidationV2\src\app\Character.ts

export default class Character {
    actor_name: String;
    character_name: String;
    gender: String;
    status: String;
}

D:\xampp\htdocs\IonicFormValidationV2\src\app\home\home.page.html

 


 
   
       
         
         
         
         
       
   
   
     
       
       
       
       
     
   
<div class="container">
  <table class="table table-striped">
    <thead>
        <tr>
          <th>Actor Name</th>
          <th>Character Name</th>
          <th>Gender</th>
          <th>Status</th>
        </tr>
    </thead>
    <tbody>
      <tr *ngFor="let character of characters">
        <td>{ { character.actor_name } }</td>
        <td>{ { character.character_name } }</td>
        <td>{ { character.gender } }</td>
        <td>{ { character.status } }</td>
      </tr>
    </tbody>
  </table>
</div>

 

npm install bootstrap --save

D:\xampp\htdocs\IonicFormValidationV2\src\app\home\home.page.ts

import { Component, OnInit } from '@angular/core';
import Character from '../Character';
 
@Component({
  selector: 'app-home',
  templateUrl: './home.page.html',
  styleUrls: ['./home.page.scss',"../../../node_modules/bootstrap/dist/css/bootstrap.min.css"],
})
export class HomePage implements OnInit {
   constructor() { }
   ngOnInit() {
  }
  characters: Character[] = [ { actor_name: 'Peter Dinklage',character_name: 'Tyrion Lannister',gender: 'Male',status: 'Alive'},
                     { actor_name: 'Sean Bean', character_name: 'Ned Stark', gender: 'Male', status: 'Dead' } ];
}

< Digestion problum Solved in Homeopathy How To Create And Validate Forms in IONIC4 >



Ask a question



  • Question:
    {{questionlistdata.blog_question_description}}
    • Answer:
      {{answer.blog_answer_description  }}
    Replay to Question


Back to Top