Lanka Developers Community

    Lanka Developers

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Shop

    ionic Help

    Mobile Application Development
    ionic5 ionic
    2
    5
    468
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • kusalrathna
      kusalrathna Web Development last edited by

      මෙන්න මේ function එකේදී posts variable එකට ලෝඩ් වෙන ඩේටා HTML template එකේදී ගන්න බැහැ ඇයි ඒ ...?

      import { Component, OnInit } from '@angular/core';
      import { ActivatedRoute } from '@angular/router';
      import { HttpClient } from '@angular/common/http';
      
      
      
      
      export interface post {
      
        id: string;
        name: string;
        caption: string;
        Detail: string;
        poster: string;
        voice: string;
      }
      
      
      @Component({
        selector: 'app-articul',
        templateUrl: './articul.page.html',
        styleUrls: ['./articul.page.scss'],
      })
      export class ArticulPage implements OnInit {
      
      
        public posts: post;
      
        constructor(private route: ActivatedRoute, private http: HttpClient) { }
      
        ngOnInit() {
      
          let postid = this.route.snapshot.params['id'];
          var url = "assets/data/lifestyle/lifestyle.json"
      
          // get data from jsone 
          this.http.get<post[]>(url)
            .subscribe(data => {
              // var ptest = data[postid];
              this.posts = data[postid];
              // console.log(data[postid].name);
              console.log(this.posts.name)
            });
      
      
        }
      
      }
      
      

      Screenshot 2020-04-26 at 9.50.25 PM.png

      1 Reply Last reply Reply Quote 1
      • dev_lak
        dev_lak last edited by

        console eke promise eke error ekak penwanwa,

        this.http.get<post[]>(url)
              .subscribe(data => {
                console.log(data)
              });
        

        http get request eka oya widiyata dala console eka check krnna, eke screenshot ekak reply krnna

        kusalrathna 2 Replies Last reply Reply Quote 1
        • kusalrathna
          kusalrathna Web Development @dev_lak last edited by

          @dev_lak Hari mama dannnam balala

          1 Reply Last reply Reply Quote 0
          • kusalrathna
            kusalrathna Web Development @dev_lak last edited by

            @dev_lak බග් එක හදාගත්තා

            dev_lak 1 Reply Last reply Reply Quote 1
            • dev_lak
              dev_lak @kusalrathna last edited by

              @kusalrathna elama

              1 Reply Last reply Reply Quote 0
              • 1 / 1
              • First post
                Last post

              3
              Online

              3.7k
              Users

              1.3k
              Topics

              5.3k
              Posts

              • Privacy
              • Terms & Conditions
              • Donate

              © Copyrights and All right reserved Lanka Developers Community

              Powered by Axis Technologies (PVT) Ltd

              Made with in Sri Lanka

              | |