{"flag":true,"single":true,"pageTitle":"what is String interpolation  Data Binding | Angular 15+","post":{"id":53,"user_id":"1","slug":"what-is-string-interpolation-data-binding-angular-15--bep5","title":"what is String interpolation  Data Binding | Angular 15+","body":"<p><strong>String interpolation <\/strong>in Angular is used to bind data from component class&nbsp;to view template. That means, data flows from component to view.<\/p>\r\n<p>users.components.ts<\/p>\r\n<pre class=\"language-markup\"><code>import { Component } from '@angular\/core';\r\n@Component({\r\n  selector: 'app-users',\r\n  templateUrl: '.\/users.component.html',\r\n  styleUrls: ['.\/users.component.css']\r\n})\r\nexport class UsersComponent {\r\n  name:string = \"rizwan\"\r\n}\r\n<\/code><\/pre>\r\n<p><strong>users.component.html<\/strong><\/p>\r\n<pre class=\"language-markup\"><code>&lt;p&gt;users works! and its name is {{name}}&lt;\/p&gt;<\/code><\/pre>\r\n<p>&nbsp;<\/p>\r\n<p>Also we can call functions<\/p>\r\n<p>components<\/p>\r\n<pre class=\"language-markup\"><code>export class UsersComponent {\r\n  name:string = \"rizwan\"\r\n  isAwesomUser(){\r\n    return \"Yes\";\r\n  }\r\n}<\/code><\/pre>\r\n<p>view<\/p>\r\n<pre class=\"language-markup\"><code>&lt;p&gt;users is {{isAwesomUser()}}&lt;\/p&gt;<\/code><\/pre>","category_id":"13","is_private":"0","created_at":"2023-03-27T03:41:29.000000Z","updated_at":"2023-03-27T03:41:29.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":"String interpolation in Angular is used to bind data from component class&nbsp;to view template. That means, data flows from component to vi - what is String interpolation  Data Binding | Angular 15+ (Updated: March 27, 2023) - Read more about what is String interpolation  Data Binding | Angular 15+ at my programming site [SITE]","categories":[]}