Typescript – DEVELOPPARADISE

DEVELOPPARADISE

Security in Angular – Part 1

Security in Angular – Part 1

In most business applications, you are going to want to disable, or make invisible, different features such as menu items, buttons and other UI items, based on who is logged in and what roles or permissions they have. Angular does not have anything built-in to help you with this, so you must create it yourself. There are two different pieces to security you must worry about with Angular applications. First, you must develop the client-side security, which is the subject of this article. Second, you must secure your Web API calls, which will be the subject of another article.

Chaos and Order in Software Development

Chaos and Order in Software Development

The world (and software development) can be chaotic, so we have conventions and rules to bring about order. This enables progress, but we must also recognise the cost.

Deploying an Angular 6 Application with ASP.NET Core 2

Deploying an Angular 6 Application with ASP.NET Core 2

Download sourceThere is nothing like a great Sunday brunch buffet. You can truly have it all, from all-you-can-eat buffets in fancy hotel digs to the plethora of bottomless items to consume. A variety of breakfast-lunch treats await you; mimosas and bloody marys, eggs Benedict, omelets, scrambled eggs, French toast, Belgian waffles, bagels, pasta, chicken, seafood, and carved prime rib. The list is endless. The only limitations are your budget and how much you can and want to eat.

Tightly Integrating a Lightweight CMS with Angular under .NET Core

Tightly Integrating a Lightweight CMS with Angular under .NET Core

ASP.NET Core combined with Angular is becoming an increasingly popular tech stack for building interactive web apps. However, if you want to manage the content of such a web app, your only choice has been to use a headless CMS service. This can be overkill especially for smaller web apps and doesn’t allow for easy previewing of content changes. Lynicon CMS provides SPA content management with preview for ASP.NET Core, which unlike the more usual headless CMS setup allows you to immediately view the effects of your content changes. It is lightweight and quick to set up, and allows for content to be stored in a file rather than a database.

Dynamic Components in Angular with TypeScript

Dynamic Components in Angular with TypeScript

Today, we will be going through the step by step discussion of how to create dynamic components in Angular 2/4 and how to set the value of dynamic control and get the value from the dynamically generated component. Dynamic Components are those components which generate at runtime. Runtime in the sense, we have a running application and if we want to render some component on any event like button click event, then it will be called the Dynamic Component. So, this article will cover four things about Dynamic Components as follows:

A Simple Pathfinding Laboratory

A Simple Pathfinding Laboratory

In this article, we will take a look into a simple pathfinding laboratory–a web application where users can edit map and compare paths found by different pathfinding algorithms and heuristic functions. The project is built on the following frameworks and technologies:

ASP.NET Web API, Angular2, TypeScript and WebApiClientGen

ASP.NET Web API, Angular2, TypeScript and WebApiClientGen

This article is on top of “Generate TypeScript Client API for ASP.NET Web API “ and is focused on Angular 2+ code examples and respective SDLC. If you are developing a .NET Core Web API backend, you may need to read Generate C# Client API for ASP.NET Core Web API.

Security in Angular – Part 2

Security in Angular – Part 2

In Part 1 of this article series, you created a set Angular classes for users and user authentication/authorization. You used these classes to login a user, create a set of properties in a class to turn menus and buttons on and off. In this article you learn to authenticate users against a Web API method. That method returns an authorization object with the same properties as the classes you created in Angular. You are also going to learn to secure your Web API methods using JSON Web Tokens (JWT). You use the [Authorize] attribute to secure your methods, and you learn to add security policies too.

Angular Data CRUD with Advanced Practices of Reactive Forms

Angular Data CRUD with Advanced Practices of Reactive Forms

An Angular sample application that includes selecting, adding, updating, and deleting data with HttpClient service, reactive forms for object and array types, in-line data editing, custom input validations, and various other features.

Angular Command Prompt

Angular Command Prompt

If you use the Angular CLI, you need a custom command prompt, along the lines of the Visual Studio Developer Tools command prompt.

Angular Custom Validation Component

Angular Custom Validation Component

This post is about validation in Angular 2 application, which means it's about validation on client side, not about server side.

©2018 devepar.com