{"flag":true,"single":true,"pageTitle":"how to import ts file in component","post":{"id":99,"user_id":"1","slug":"how-to-import-ts-file-in-component-wlom","title":"how to import ts file in component","body":"<p>1.make any ts file ie data.ts<\/p>\r\n<pre class=\"language-markup\"><code>export class data {\r\n    hello() {\r\n      return \"hello\";\r\n     }\r\n}<\/code><\/pre>\r\n<p>2. import in&nbsp; component&nbsp;<\/p>\r\n<pre class=\"language-markup\"><code>import { data} from '.\/data';  \r\nimport { Component, OnInit } from '@angular\/core';\r\n\r\nexport class MyTest implements OnInit {\r\n ngOnInit(): void { \r\n    console.log(\"all urls\",new data().hello());\r\n  }\r\n}<\/code><\/pre>","category_id":"13","is_private":"0","created_at":"2023-04-03T02:11:49.000000Z","updated_at":"2023-04-03T02:11:49.000000Z","category":{"id":13,"user_id":"1","name":"Angular","slug":"angular-rfjp","parent_id":"12","created_at":"2023-03-24T03:25:15.000000Z","updated_at":"2023-03-24T03:25:15.000000Z"},"user":{"id":1,"name":"R GONDAL","email":"rizikmw@gmail.com","email_verified_at":null,"two_factor_confirmed_at":null,"current_team_id":"1","profile_photo_path":null,"created_at":"2023-03-12T10:49:33.000000Z","updated_at":"2025-01-10T12:59:00.000000Z","profile_photo_url":"https:\/\/ui-avatars.com\/api\/?name=R+G&color=7F9CF5&background=EBF4FF"}},"pageDesc":"1.make any ts file ie data.ts export class data {     hello() {       return \"hello\";      } } 2. import in&nbsp; component&nbsp; import { d - how to import ts file in component (Updated: April 3, 2023) - Read more about how to import ts file in component at my programming site [SITE]","categories":[]}