This is a simple example of an Angular component.
\\r\\n\\r\\nCurrent count: {{ currentCount }}
\\r\\n\\r\\n\\r\\n\"","export default \"This component demonstrates fetching data from the server.
\\r\\n\\r\\nLoading...
\\r\\n\\r\\n| Date | \\r\\nTemp. (C) | \\r\\nTemp. (F) | \\r\\nSummary | \\r\\n
|---|---|---|---|
| {{ forecast.date }} | \\r\\n{{ forecast.temperatureC }} | \\r\\n{{ forecast.temperatureF }} | \\r\\n{{ forecast.summary }} | \\r\\n
{{householder.mobileNumber}} | \\r\\n \\r\\n | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n | \\r\\n
| No. | \\r\\n{{ element.id }} | \\r\\nName | \\r\\n\\r\\n 0 && element.statusDetails[element.statusDetails.length-1].statusCall.toLowerCase() === 'Interested'.toLowerCase()\\\" matBadge=\\\"IN\\\" matBadgePosition=\\\"before\\\" matBadgeColor=\\\"accent\\\" matBadgeOverlap=\\\"false\\\">{{ element.name }}\\r\\n 0 && element.statusDetails[element.statusDetails.length-1].statusCall.toLowerCase() === 'Call again'.toLowerCase()\\\" matBadge=\\\"CA\\\" matBadgePosition=\\\"before\\\" matBadgeColor=\\\"primary\\\" matBadgeOverlap=\\\"false\\\">{{ element.name }}\\r\\n 0 && element.statusDetails[element.statusDetails.length-1].statusCall.toLowerCase() === 'Not interested'.toLowerCase()\\\" matBadge=\\\"NI\\\" matBadgePosition=\\\"before\\\" matBadgeColor=\\\"warn\\\" matBadgeOverlap=\\\"false\\\">{{ element.name }}\\r\\n 0 && element.statusDetails[element.statusDetails.length-1].statusCall.toLowerCase() === 'Do not call'.toLowerCase()\\\" matBadge=\\\"DC\\\"matBadgePosition=\\\"before\\\" matBadgeColor=\\\"warn\\\" style=\\\"text-decoration: line-through;\\\" matBadgeOverlap=\\\"false\\\">{{ element.name }}\\r\\n {{ element.name }}\\r\\n | \\r\\nGender | \\r\\n{{ element.gender }} | \\r\\nMobile No | \\r\\n{{element.mobileNumber}} | \\r\\nCarrier | \\r\\n\\r\\n | \\r\\n Address | \\r\\n{{element.address}} | \\r\\nPublisher | \\r\\n{{ element.publisher?.name }} | \\r\\n\\r\\n | \\r\\n \\r\\n | \\r\\n
|---|
| No. | \\r\\n{{ element.id }} | \\r\\nName | \\r\\n{{ element.name }} | \\r\\nGender | \\r\\n{{ element.gender }} | \\r\\nMobile No | \\r\\n{{element.mobileNumber}} | \\r\\nCarrier | \\r\\n\\r\\n | \\r\\n Address | \\r\\n{{element.address}} | \\r\\nGet | \\r\\n\\r\\n \\r\\n | \\r\\n
|---|
| No. | \\r\\n{{element.id}} | \\r\\nName | \\r\\n{{ element.name}} | \\r\\nUser Name | \\r\\n{{element.userName}} | \\r\\nGroup | \\r\\n{{element.group}} | \\r\\n{{ element.email }} | \\r\\n\\r\\n | \\r\\n Edit\\r\\n | \\r\\n\\r\\n | \\r\\n Reset Password\\r\\n | \\r\\n
|---|
\\r\\n Total Calls: {{dayReport.totalCalls}}\\r\\n
\\r\\n Call Again: {{dayReport.callAgain}}\\r\\n
\\r\\n Interested: {{dayReport.interested}}\\r\\n
\\r\\n Not Interested: {{dayReport.notInterested}}\\r\\n
\\r\\n Do Not Call: {{dayReport.doNotCall}}\\r\\n