A Detailed Guide on ion-model in Ionic Framework

Table of Content 1. What is ion-model? 2. Dismiss 3. Customization 4. Usage 5. Passing Data 6. Dismissing a modal 7. Lazy Loading 8. Swipeable Models 9. Events 10. Methods 11. CSS Custom Properties 12. Conclusion What is ion-model? A modal is a pop-up dialogue that appears on top of the app's content and must be closed before interaction may proceed. It can be used as a select component when there are many options to choose from or to...

read more

How to get Element references in Angular templates?

Table of Content 1. Introduction 2. What is Angular ElementRef? 3. Getting started 4. Accessing Template Elements using ViewChild 5. Property of ElementRef 6. Using template reference variables with child components 7. How to use angular element references on a directive? 8. How to prevent XSS attack on ElementRef? 9. Conclusion Introduction Angular’s template reference variables give a useful API across which you can interconnect with DOM...

read more

Introduction to Custom Pipes in Angular

If you're new to Angular and the Pipes concept before we get started, let's show what a Pipe is before we move on to showing a Custom Pipe. Angular comes with a few built-in pipes that we can use in any module we write according to the CommonModule framework. Table of Content 1. Custom Pipes in Angular 2. Creating a Custom Pipe 3. Pipe and Pipe Transform 4. Pipe Transform Value 5. Pipes with Arguments 6. Conclusion Here are some usual suspects we...

read more

Complete Guide to Angular Custom Form Controls

The Angular Forms and ReactiveForms modules come with a set of embedded directives that make it very simple to link standard HTML elements like inputs, checkboxes, text areas, etc. to a form group. Along with those standard HTML elements, we may also use custom form controls, such as dropdowns, selection boxes, toggle buttons, sliders, or many other types of commonly used custom form components. Table of Content 1. How are standard form controls functioning? 2. What are...

read more

How to create Outlook Add-in with Angular 2+?

In this blog, we will explain the process of building an Outlook task pan add-in that displays at least one property of a selected message. With Outlook add-ins we can use ordinary web technologies like HTML, CSS, and JavaScript to build a solution that can run in Outlook throughout multiple platforms, as well as on the web, Windows, iOS, and Mac. Table of Content 1. Create the add-in 2. Requirements 3. Create the add-in project 4. Explore the project 5. Update the...

read more