Post
Ask Question
bishoe nb

bishoe nb

  • 1k
  • 623
  • 78.2k

Property does not exist on type component ng build --prod

Jul 10 2019 1:17 AM
ERROR in src\app\views\home\detalis.component.html(126,21): : Property 'items' does not exist on type 'DetalisComponent'. src\app\views\home\detalis.component.html(127,23):
 
: Property 'items' does not exist on type 'DetalisComponent'. src\app\views\home\detalis.component.html(128,23): :
Property 'items' does not exist on type 'DetalisComponent'. src\app\views\home\detalis.component.html(129,37): : Property 'items' does not exist on type 'DetalisComponent'.
 
INewsModule
  1. import { Injectable } from '@angular/core';  
  2. @Injectable({  
  3. providedIn: 'root'  
  4. })  
  5. export class ICategoryModule {  
  6. public NameCategory:string;  
  7. public DateCategory?:Date;  
  8. IDCategoery?:number;  
  9. }  
  10. //  
  11. export interface INewsModule{  
  12. IDNews:number;  
  13. IDCategoery:number;  
  14. NameNews:string;  
  15. TopicNews:string;  
  16. DateNews?:Date;  
  17. ImageCaption:string;  
  18. ImageName:string ;  
  19. }  
  20. import { Component, OnInit, Input, Injectable } from '@angular/core';  
  21. import { NewsService } from '../../serv/news.service';  
  22. import { ActivatedRoute } from '@angular/router';  
  23. import { INewsModule } from '../../Class/i-news/i-news.module';  
  24. import { FormsModule } from '@angular/forms';  
  25. import {Http , Response , Headers , RequestOptions ,RequestMethod, } from '@angular/http';  
  26. import { ISubscription } from 'rxjs/Subscription';  
  27. import { HttpClient } from '@angular/common/http';  
  28. import { retry } from 'rxjs-compat/operator/retry';  
  29. @Component({  
  30. selector: 'app-detalis',  
  31. templateUrl: './detalis.component.html',  
  32. styleUrls: ['./detalis.component.scss'],  
  33. providers:[NewsService]  
  34. })  
  35. export class DetalisComponent implements OnInit {  
  36. subscription: ISubscription;  
  37. statusMessage: string = 'please wait Loading data ... :D';  
  38. public items : INewsModule[];  
  39. constructor(public _NewsService : NewsService,public _activeRoute: ActivatedRoute,public _HttpClient: HttpClient  
  40. ) { }  
  41. // private items :any[]= [];  
  42. ngOnInit() {  
  43. let id : number = this._activeRoute.snapshot.params['id'];  
  44. this._NewsService.getdetails(id).retryWhen((err) => {  
  45. return err.scan((retryCount) =>{  
  46. retryCount +=1;  
  47. if(retryCount < 6 ){  
  48. this.statusMessage ='Retrying .....Attept #' + retryCount;  
  49. return retryCount;  
  50. } else {  
  51. throw (err);  
  52. }  
  53. }, 0).delay(1000)  
  54. })  
  55. .subscribe((newsdata) => {  
  56. if(newsdata == null){  
  57. this.statusMessage = 'code does not exist';  
  58. } else {  
  59. this.items = newsdata  
  60. }  
  61. },  
  62. (error) =>{  
  63. this.statusMessage = "please try again after sometime"  
  64. console.log(error);  
  65. })  
  66. }  
  67. }  
  1. <!DOCTYPE html>  
  2. <html lang="zxx" class="no-js">  
  3. <head>  
  4. <!-- Mobile Specific Meta -->  
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  
  6. <!-- Favicon-->  
  7. <link rel="shortcut icon" href="/assets/img/fav.png">  
  8. <!-- Author Meta -->  
  9. <meta name="author" content="colorlib">  
  10. <!-- Meta Description -->  
  11. <meta name="description" content="">  
  12. <!-- Meta Keyword -->  
  13. <meta name="keywords" content="">  
  14. <!-- meta character set -->  
  15. <meta charset="UTF-8">  
  16. <!-- Site Title -->  
  17. <title>Magazine</title>  
  18. <!--  
  19. CSS  
  20. ============================================= -->  
  21. </head>  
  22. <body>  
  23. <header>  
  24. <div class="header-top">  
  25. <div class="container">  
  26. <div class="row">  
  27. <div class="col-lg-6 col-md-6 col-sm-6 col-6 header-top-left no-padding">  
  28. <ul>  
  29. <li><a href="#"><i class="fa fa-facebook"></i></a></li>  
  30. <li><a href="#"><i class="fa fa-twitter"></i></a></li>  
  31. <li><a href="#"><i class="fa fa-dribbble"></i></a></li>  
  32. <li><a href="#"><i class="fa fa-behance"></i></a></li>  
  33. </ul>  
  34. </div>  
  35. <div class="col-lg-6 col-md-6 col-sm-6 col-6 header-top-right no-padding">  
  36. <ul>  
  37. <li><a href="tel:+440 012 3654 896"><span class="lnr lnr-phone-handset"></span><span>+440 012 3654  
  38. 896</span></a></li>  
  39. <li><a href="mailto:[email protected]"><span  
  40. class="lnr lnr-envelope"></span><span>[email protected]</span></a></li>  
  41. </ul>  
  42. </div>  
  43. </div>  
  44. </div>  
  45. </div>  
  46. <div class="logo-wrap">  
  47. <div class="container">  
  48. <div class="row justify-content-between align-items-center">  
  49. <div class="col-lg-4 col-md-4 col-sm-12 logo-left no-padding">  
  50. <a href="index.html">  
  51. <img class="img-fluid" src="/assets/img/logo.png" alt="">  
  52. </a>  
  53. </div>  
  54. <div class="col-lg-8 col-md-8 col-sm-12 logo-right no-padding ads-banner">  
  55. <img class="img-fluid" src="/assets/img/banner-ad.jpg" alt="">  
  56. </div>  
  57. </div>  
  58. </div>  
  59. </div>  
  60. <div class="container main-menu" id="main-menu">  
  61. <div class="row align-items-center justify-content-between">  
  62. <nav id="nav-menu-container">  
  63. <ul class="nav-menu">  
  64. <li class="menu-active"><a href="index.html">Home</a></li>  
  65. <li><a href="archive.html">Archive</a></li>  
  66. <li><a href="category.html">Category</a></li>  
  67. <li class="menu-has-children"><a href="">Post Types</a>  
  68. <ul>  
  69. <li><a href="standard-post.html">Standard Post</a></li>  
  70. <li><a href="image-post.html">Image Post</a></li>  
  71. <li><a href="gallery-post.html">Gallery Post</a></li>  
  72. <li><a href="video-post.html">Video Post</a></li>  
  73. <li><a href="audio-post.html">Audio Post</a></li>  
  74. </ul>  
  75. </li>  
  76. <li><a href="about.html">About</a></li>  
  77. <li><a href="contact.html">Contact</a></li>  
  78. </ul>  
  79. </nav><!-- #nav-menu-container -->  
  80. <div class="navbar-right">  
  81. <form class="Search">  
  82. <input type="text" class="form-control Search-box" name="Search-box" id="Search-box" placeholder="Search">  
  83. <label for="Search-box" class="Search-box-label">  
  84. <span class="lnr lnr-magnifier"></span>  
  85. </label>  
  86. <span class="Search-close">  
  87. <span class="lnr lnr-cross"></span>  
  88. </span>  
  89. </form>  
  90. </div>  
  91. </div>  
  92. </div>  
  93. </header>  
  94. <div class="site-main-container">  
  95. <!-- Start top-post Area -->  
  96. <section class="top-post-area pt-10">  
  97. <div class="container no-padding">  
  98. <div class="row">  
  99. <div class="col-lg-12">  
  100. <div class="">  
  101. <table class="blueTable" style="height: 212px;" width="333">  
  102. <thead>  
  103. <tr>  
  104. <th>NameNews</th>  
  105. <th>TopicNews</th>  
  106. <th>Date</th>  
  107. <th>Image</th>  
  108. </tr>  
  109. </thead>  
  110. <tfoot>  
  111. <tr>  
  112. <td colspan="4">  
  113. <div class="links"> </div>  
  114. </td>  
  115. </tr>  
  116. </tfoot>  
  117. <tbody>  
  118. <tr>  
  119. <td>{{items.NameNews}}</td>  
  120. <td>{{items.TopicNews}}</td>  
  121. <td>{{items.DateNews}}</td>  
  122. <td><img class="" src="http://localhost:56181/Image/{{items.ImageName}}"> </td>  
  123. </tr>  
  124. </tbody>  
  125. </table>  
  126. <p class="text-white link-nav"><a href="index.html">Home </a> <span class="lnr lnr-arrow-right"></span><a  
  127. href="category.html">Posts Category</a></p>  
  128. </div>  
  129. </div>  
  130. <div class="col-lg-12">  
  131. <div class="news-tracker-wrap">  
  132. <h6><span>Breaking News:</span> <a href="#">Astronomy Binoculars A Great Alternative</a></h6>  
  133. </div>  
  134. </div>  
  135. </div>  
  136. </div>  
  137. </section>  
  138. <!-- End top-post Area -->  
  139. <!-- Start latest-post Area -->  
  140. <section class="latest-post-area pb-120">  
  141. <div class="container no-padding">  
  142. <div class="row">  
  143. <div class="col-lg-8 post-list">  
  144. <!-- Start latest-post Area -->  
  145. <div class="latest-post-wrap">  
  146. <h4 class="cat-title">Latest News</h4>  
  147. <div class="single-latest-post row align-items-center">  
  148. <div class="col-lg-5 post-left">  
  149. <div class="feature-img relative">  
  150. <div class="overlay overlay-bg"></div>  
  151. <img class="img-fluid" src="/assets/img/l1.jpg" alt="">  
  152. </div>  
  153. <ul class="tags">  
  154. <li><a href="#">Lifestyle</a></li>  
  155. </ul>  
  156. </div>  
  157. <div class="col-lg-7 post-right">  
  158. <a href="image-post.html">  
  159. <h4>A Discount Toner Cartridge Is  
  160. Better Than Ever.</h4>  
  161. </a>  
  162. <ul class="meta">  
  163. <li><a href="#"><span class="lnr lnr-user"></span>Mark wiens</a></li>  
  164. <li><a href="#"><span class="lnr lnr-calendar-full"></span>03 April, 2018</a></li>  
  165. <li><a href="#"><span class="lnr lnr-bubble"></span>06 Comments</a></li>  
  166. </ul>  
  167. <p class="excert">  
  168. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.  
  169. </p>  
  170. </div>  
  171. </div>  
  172. <div class="single-latest-post row align-items-center">  
  173. <div class="col-lg-5 post-left">  
  174. <div class="feature-img relative">  
  175. <div class="overlay overlay-bg"></div>  
  176. <img class="img-fluid" src="/assets/img/l2.jpg" alt="">  
  177. </div>  
  178. <ul class="tags">  
  179. <li><a href="#">Science</a></li>  
  180. </ul>  
  181. </div>  
  182. <div class="col-lg-7 post-right">  
  183. <a href="image-post.html">  
  184. <h4>A Discount Toner Cartridge Is  
  185. Better Than Ever.</h4>  
  186. </a>  
  187. <ul class="meta">  
  188. <li><a href="#"><span class="lnr lnr-user"></span>Mark wiens</a></li>  
  189. <li><a href="#"><span class="lnr lnr-calendar-full"></span>03 April, 2018</a></li>  
  190. <li><a href="#"><span class="lnr lnr-bubble"></span>06 Comments</a></li>  
  191. </ul>  
  192. <p>  
  193. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.  
  194. </p>  
  195. </div>  
  196. </div>  
  197. <div class="single-latest-post row align-items-center">  
  198. <div class="col-lg-5 post-left">  
  199. <div class="feature-img relative">  
  200. <div class="overlay overlay-bg"></div>  
  201. <img class="img-fluid" src="/assets/img/l3.jpg" alt="">  
  202. </div>  
  203. <ul class="tags">  
  204. <li><a href="#">Travel</a></li>  
  205. </ul>  
  206. </div>  
  207. <div class="col-lg-7 post-right">  
  208. <a href="image-post.html">  
  209. <h4>A Discount Toner Cartridge Is  
  210. Better Than Ever.</h4>  
  211. </a>  
  212. <ul class="meta">  
  213. <li><a href="#"><span class="lnr lnr-user"></span>Mark wiens</a></li>  
  214. <li><a href="#"><span class="lnr lnr-calendar-full"></span>03 April, 2018</a></li>  
  215. <li><a href="#"><span class="lnr lnr-bubble"></span>06 Comments</a></li>  
  216. </ul>  
  217. <p>  
  218. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.  
  219. </p>  
  220. </div>  
  221. </div>  
  222. <div class="single-latest-post row align-items-center">  
  223. <div class="col-lg-5 post-left">  
  224. <div class="feature-img relative">  
  225. <div class="overlay overlay-bg"></div>  
  226. <img class="img-fluid" src="/assets/img/l4.jpg" alt="">  
  227. </div>  
  228. <ul class="tags">  
  229. <li><a href="#">Fashion</a></li>  
  230. </ul>  
  231. </div>  
  232. <div class="col-lg-7 post-right">  
  233. <a href="image-post.html">  
  234. <h4>A Discount Toner Cartridge Is  
  235. Better Than Ever.</h4>  
  236. </a>  
  237. <ul class="meta">  
  238. <li><a href="#"><span class="lnr lnr-user"></span>Mark wiens</a></li>  
  239. <li><a href="#"><span class="lnr lnr-calendar-full"></span>03 April, 2018</a></li>  
  240. <li><a href="#"><span class="lnr lnr-bubble"></span>06 Comments</a></li>  
  241. </ul>  
  242. <p>  
  243. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.  
  244. </p>  
  245. </div>  
  246. </div>  
  247. <div class="single-latest-post row align-items-center">  
  248. <div class="col-lg-5 post-left">  
  249. <div class="feature-img relative">  
  250. <div class="overlay overlay-bg"></div>  
  251. <img class="img-fluid" src="/assets/img/r1.jpg" alt="">  
  252. </div>  
  253. <ul class="tags">  
  254. <li><a href="#">Science</a></li>  
  255. </ul>  
  256. </div>  
  257. <div class="col-lg-7 post-right">  
  258. <a href="image-post.html">  
  259. <h4>A Discount Toner Cartridge Is  
  260. Better Than Ever.</h4>  
  261. </a>  
  262. <ul class="meta">  
  263. <li><a href="#"><span class="lnr lnr-user"></span>Mark wiens</a></li>  
  264. <li><a href="#"><span class="lnr lnr-calendar-full"></span>03 April, 2018</a></li>  
  265. <li><a href="#"><span class="lnr lnr-bubble"></span>06 Comments</a></li>  
  266. </ul>  
  267. <p>  
  268. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.  
  269. </p>  
  270. </div>  
  271. </div>  
  272. <div class="single-latest-post row align-items-center">  
  273. <div class="col-lg-5 post-left">  
  274. <div class="feature-img relative">  
  275. <div class="overlay overlay-bg"></div>  
  276. <img class="img-fluid" src="/assets/img/r2.jpg" alt="">  
  277. </div>  
  278. <ul class="tags">  
  279. <li><a href="#">Travel</a></li>  
  280. </ul>  
  281. </div>  
  282. <div class="col-lg-7 post-right">  
  283. <a href="image-post.html">  
  284. <h4>A Discount Toner Cartridge Is  
  285. Better Than Ever.</h4>  
  286. </a>  
  287. <ul class="meta">  
  288. <li><a href="#"><span class="lnr lnr-user"></span>Mark wiens</a></li>  
  289. <li><a href="#"><span class="lnr lnr-calendar-full"></span>03 April, 2018</a></li>  
  290. <li><a href="#"><span class="lnr lnr-bubble"></span>06 Comments</a></li>  
  291. </ul>  
  292. <p>  
  293. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.  
  294. </p>  
  295. </div>  
  296. </div>  
  297. <div class="single-latest-post row align-items-center">  
  298. <div class="col-lg-5 post-left">  
  299. <div class="feature-img relative">  
  300. <div class="overlay overlay-bg"></div>  
  301. <img class="img-fluid" src="/assets/img/r3.jpg" alt="">  
  302. </div>  
  303. <ul class="tags">  
  304. <li><a href="#">Fashion</a></li>  
  305. </ul>  
  306. </div>  
  307. <div class="col-lg-7 post-right">  
  308. <a href="image-post.html">  
  309. <h4>A Discount Toner Cartridge Is  
  310. Better Than Ever.</h4>  
  311. </a>  
  312. <ul class="meta">  
  313. <li><a href="#"><span class="lnr lnr-user"></span>Mark wiens</a></li>  
  314. <li><a href="#"><span class="lnr lnr-calendar-full"></span>03 April, 2018</a></li>  
  315. <li><a href="#"><span class="lnr lnr-bubble"></span>06 Comments</a></li>  
  316. </ul>  
  317. <p>  
  318. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.  
  319. </p>  
  320. </div>  
  321. </div>  
  322. <div class="load-more">  
  323. <a href="#" class="primary-btn">Load More Posts</a>  
  324. </div>  
  325. </div>  
  326. <!-- End latest-post Area -->  
  327. </div>  
  328. <div class="col-lg-4">  
  329. <div class="sidebars-area">  
  330. <div class="single-sidebar-widget editors-pick-widget">  
  331. <h6 class="title">Editor’s Pick</h6>  
  332. <div class="editors-pick-post">  
  333. <div class="feature-img-wrap relative">  
  334. <div class="feature-img relative">  
  335. <div class="overlay overlay-bg"></div>  
  336. <img class="img-fluid" src="/assets/img/e1.jpg" alt="">  
  337. </div>  
  338. <ul class="tags">  
  339. <li><a href="#">Travel</a></li>  
  340. </ul>  
  341. </div>  
  342. <div class="details">  
  343. <a href="image-post.html">  
  344. <h4 class="mt-20">A Discount Toner Cartridge Is  
  345. Better Than Ever.</h4>  
  346. </a>  
  347. <ul class="meta">  
  348. <li><a href="#"><span class="lnr lnr-user"></span>Mark wiens</a></li>  
  349. <li><a href="#"><span class="lnr lnr-calendar-full"></span>03 April, 2018</a></li>  
  350. <li><a href="#"><span class="lnr lnr-bubble"></span>06 </a></li>  
  351. </ul>  
  352. <p class="excert">  
  353. Lorem ipsum dolor sit amet, consecteturadip isicing elit, sed do eiusmod tempor incididunt ed do  
  354. eius.  
  355. </p>  
  356. </div>  
  357. </div>  
  358. </div>  
  359. <div class="single-sidebar-widget ads-widget">  
  360. <img class="img-fluid" src="/assets/img/sidebar-ads.jpg" alt="">  
  361. </div>  
  362. <h6 class="title">Social Networks</h6>  
  363. <ul class="social-list">  
  364. <li class="d-flex justify-content-between align-items-center fb">  
  365. <div class="icons d-flex flex-row align-items-center">  
  366. <i class="fa fa-facebook" aria-hidden="true"></i>  
  367. <p>983 Likes</p>  
  368. </div>  
  369. <a href="#">Like our page</a>  
  370. </li>  
  371. <li class="d-flex justify-content-between align-items-center tw">  
  372. <div class="icons d-flex flex-row align-items-center">  
  373. <i class="fa fa-twitter" aria-hidden="true"></i>  
  374. <p>983 Followers</p>  
  375. </div>  
  376. <a href="#">Follow Us</a>  
  377. </li>  
  378. <li class="d-flex justify-content-between align-items-center yt">  
  379. <div class="icons d-flex flex-row align-items-center">  
  380. <i class="fa fa-youtube-play" aria-hidden="true"></i>  
  381. <p>983 Subscriber</p>  
  382. </div>  
  383. <a href="#">Subscribe</a>  
  384. </li>  
  385. <li class="d-flex justify-content-between align-items-center rs">  
  386. <div class="icons d-flex flex-row align-items-center">  
  387. <i class="fa fa-rss" aria-hidden="true"></i>  
  388. <p>983 Subscribe</p>  
  389. </div>  
  390. <a href="#">Subscribe</a>  
  391. </li>  
  392. </ul>  
  393. </div>  
  394. </div>  
  395. </div>  
  396. </div>  
  397. </div>  
  398. </section>  
  399. <!-- End latest-post Area -->  
  400. </div>  
  401. <!-- start footer Area -->  
  402. <!-- End footer Area -->  
  403. </body>  
  404. </html>  

Answers (9)