Packt+ | Advance your knowledge in tech

0

All Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Angular UI Development with PrimeNG

You're reading from Angular UI Development with PrimeNG Build rich UI for Angular applications using PrimeNG

Product type Paperback

Published in Jul 2017

Publisher Packt

ISBN-13 9781788299572

Length 384 pages

Edition 1st Edition

Languages

Typescript

Tools

Angular

Concepts

Front End Web Development

Authors (2):

Sudheer Jonna

Varaksin

View More author details

Table of Contents (18) Chapters

Title Page

Credits

Foreword

About the Authors

About the Reviewer

www.PacktPub.com

Customer Feedback

Preface

1. Getting Started with Angular and PrimeNG FREE CHAPTER

2. Theming Concepts and Layouts

3. Enhanced Inputs and Selects

4. Button and Panel Components

5. Data Iteration Components

6. Amazing Overlays and Messages

7. Endless Menu Variations

8. Creating Charts and Maps

9. Miscellaneous Use Cases and Best Practices

10. Creating Robust Applications

Displaying content in the popup mode

The additional information of a website can be represented in a popup format. This will improve the user experience with optimal view port. There are two types of popup formats that exist: Dialog and ConfirmDialog.

Dialog

Dialog is a container component to display the content in an Overlay window. To save the web page's viewport, Dialog is very useful to display additional information in a popup format. The visibility of Dialog is controlled through the visible property.

By default, the Dialog is hidden with visibility as false and enabling the visible property displays the Dialog. Due to the two-way binding nature of Dialog, the visible property turned as false automatically after closing the Dialog using the close icon. The closeOnEscape attribute is used to close the Dialog with the Esc key.

A basic example of Dialog component with source button would be written as follows:

<p-dialog header="PrimeNG" [(visible)]="basic"> 
  PrimeNG content goes here...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at £13.99/month. Cancel anytime

Authors (2)

Sudheer Jonna

Sudheer Jonna

Sudheer Jonna, hailing from Nellore, India, is a seasoned lead software developer currently based in Singapore. With expertise in Java and JavaScript, he specializes in architecting and developing large-scale applications, prioritizing robust architectures and high performance. Sudheer's comprehensive knowledge spans Single Page Applications (ReactJS/VueJS/Angular), backend API development, SQL, and containerization, enabling him to assist developers in advancing their careers. Besides his professional role, Sudheer is a published author, speaker, trainer, blogger, and an active member of public forums.

See other products by Sudheer Jonna

Varaksin

Varaksin

Oleg Varaksin is a senior software engineer living in the Black Forest, Germany. He is a graduate computer scientist who studied informatics at Russian and German universities. His main occupation and "daily bread" in the last few years has consisted of building various Java-and JavaScript-based web applications based on JSF, PrimeFaces, Spring, REST, JavaScript, jQuery, Angular, and HTML5. Currently, he is working at Swiss Federal Railways on a new ticket webshop. Oleg is an experienced and passionate web developer and has been working with the Prime UI libraries from the beginning. He is also a well-known member of the PrimeFaces community, creator of the PrimeFaces Extensions project, and the author of the PrimeFaces Cookbook. Oleg loves JavaScript, new ECMAScript standards, TypeScript, Angular, PrimeNG, RxJS, and Redux architecture. He has a deep understanding of web usability and accessibility. Oleg normally shares the knowledge he has acquired on his blog. His Twitter handle is @OlegVaraksin.

See other products by Varaksin

Other recommended products

Related to this chapter

Essential Angular 4

Essential Angular 4

Essential Angular is a concise, complete overview of the key aspects of Angular, written by two Angular core contributors. The book covers the framework's mental model, its API, and the design principles behind it. This book is fully up to date with the latest release of Angular.

May 2017 3h 36m

Building Modern Web Applications Using Angular 4

Building Modern Web Applications Using Angular 4

In the last few years, Angular has established itself as the number one choice of JavaScript Developers. What makes Angular special is performance and productivity. With Angular, developers can work on consistent coding patterns and build web applications that are powerful and scalable.

May 2017 7h 32m

Learning Angular 4 for .NET Developers

Learning Angular 4 for .NET Developers

Are you are looking for a better, more efficient, and more powerful way of building front-end web applications? Well, look no further, you have come to the right place! This book comprehensively integrates Angular 4 into your tool belt, then runs you through all the new options you now have on hand for your web apps without bogging you down. The frameworks, tools, and libraries mentioned here will make your work productive and minimize the friction usually associated with building server-side web applications.

Jun 2017 8h 16m

Angular 2 Cookbook

Angular 2 Cookbook

Jan 2017 15h 28m

Getting Started with Angular

Getting Started with Angular

Want to build quick and robust web applications with Angular? This book is the quickest way to get to grips with Angular and take advantage of all its new features

Feb 2017 9h 16m

Switching to Angular

Switching to Angular

Align with Google's vision for Angular version 5 and beyond, with Angular team contributor and international speaker Minko Gechev. Explore the core of Angular, and its stable APIs, so you can use Angular with TypeScript to building robust, high-performing web applications. Switch into Angular's long term vision of Angular with confidence.

Oct 2017 9h 20m

TypeScript 2.x for Angular Developers

TypeScript 2.x for Angular Developers

TypeScript, a superset of JavaScript, is the default language for building Angular applications from Google. TypeScript 2.0 adds optional static types, classes, and modules to JavaScript, to enable great tooling and better structuring of large JavaScript applications. This book will teach you how to leverage the exciting features of TypeScript while working on Angular projects to build scalable, data-intensive web applications.

Web Development with Angular and Bootstrap

Web Development with Angular and Bootstrap

Two of the most popular frontend frameworks, Angular and Bootstrap, have undergone a major overhaul to embrace emerging web technologies so that developers can build cutting-edge web applications. If you're ready to progress your web development skills past HTML and CSS, this book will give you everything you need to build your own web app.

Aug 2019 16h 24m

Learning Angular

Learning Angular

If you want to build cross-platform web applications using the robust Angular web framework, this book is for you. Learning Angular will cover the core concepts of frontend web development using easy-to-follow instructions to help you get up and running with Angular web development in no time.

Sep 2020 14h 20m

Got some experience of Angular under your belt? Want to learn everything about using advanced features for developing websites? This book is everything you need for the deep understanding of Angular that will set you apart from the developer crowd. Angular has introduced a new way to build applications. Creating complex and rich web applications, with a lighter resource footprint, has never been easier or faster. Angular is now at release 4, with significant changes through previous versions. This book has been written and tested for Angular release 4.

Jul 2017 15h 8m

Personalised recommendations for you

Based on your interests and search pattern

ASP.NET Core 9 Web API Cookbook

ASP.NET Core 9 Web API Cookbook

Get ready for the future of web API development by working through practical recipes covering REST, GraphQL, SignalR, and gRPC. This book is ideal for .NET developers eager to learn best practices in API security, data access optimization, and more.

Apr 2025 11h 28m

Spring System Design in Practice

Spring System Design in Practice

This book guides you through the intricacies of building robust software architectures with Spring. You'll get hands-on with the tools and best practices needed to design scalable, secure, and high-performance applications.

May 2025 15h 4m

Learn React Hooks

Learn React Hooks

This ultimate guide to Hooks shows you how to manage state, handle form submissions, fetch data using Suspense, and build reusable custom Hooks. This edition includes the latest Hooks and introduces modern React 19 features with real-world use cases.

May 2025 12h 24m