blob: df3af8f4257ad135c47967d5c44ecaed6916a7ea (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import * as $ from 'jquery';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
constructor(public navCtrl: NavController) {
}
ngAfterViewInit(){
$(document).ready(function(){
var url = 'https://newsapi.org/v2/top-headlines?country=in&apiKey=f449ba44714842379f423215072370dd';
$.getJSON(url).then(function(res){
//console.log(res);
var count;
for (count = 0; count<20; count++) {
var article = res.articles[count];
var ImageURL = res.articles[count].urlToImage;
//console.log(article);
$('#showNews').append('<div id="'+count+'" class="article"><div class="overlayart"><div class="art"><h3>'+article.title+'</h3><p>'+article.description+'<br><br><a target="_blank" href="'+article.url+'">Follow Link</a></p></div></div></div>');
$("#"+count).css('background-image','url(' + ImageURL + ')');
}
})
//$.getJSON(url).then(function(res){
// console.log(res)
// var count;
// for(count = 0; count < 20; count++){
// var article = res.articles[count]
// var ImageURL = res.articles[count].urlToImage
// //console.log(ImageURL)
// $('#showNews').append('<div id="'+count+'" class="article"><div class="overlayart"><div class="art"><h3>'+article.title+'</h3><p>'+article.description+'<br><a href="'+article.url+'">Follow Link</a></p></div></div></div>');
// $("#"+count).css('background-image','url(' + ImageURL + ')');
//}
})
}
}
|
