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.
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.
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.
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.
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:
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:
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.
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.
In this article of the TypeScript Tutorial for beginners series, we will learn how to inherit a TypeScript class. Continue reading to learn it today.
Today, in this TypeScript Tutorial, we will learn how to work with Interfaces in TypeScript. Continue reading to learn more.
The tsconfig.json file allows you to specify the root level files and the compiler options that requires to compile a TypeScript project. The presence of this file in a directory specifies that the said directory is the TypeScript project root.. .
In the previous few chapters of the TypeScript Tutorial series we have learned how to install TypeScript and then begin with creating a simple HelloWorld application. We have also learned about TypeScript configuration file (tsconfig.json).. .
Earlier in the TypeScript Tutorial series (Getting started with TypeScript) we learnt about the TypeScript configuration file, variable declaration and basic data types. I hope that was neat and clear to understand the very basics of TypeScript.. .
In this post, you will learn how to write code in TypeScript .
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.
Generate TypeScript Interfaces from POCO Classes of .NET Framework or .NET Core
The easiest way to mix both worlds
If you use the Angular CLI, you need a custom command prompt, along the lines of the Visual Studio Developer Tools command prompt.
Code First approach for generating client APIs for ASP.NET Core Web API, in C# and in TypeScript for jQuery and Angular 2+
Scaffolding TypeScript with CatFactory
This post is about validation in Angular 2 application, which means it's about validation on client side, not about server side.
How to dynamically display controls in FormArray using Angular 5 Reactive Forms and enable/disable the validators based on the selection
How to do validation using template driven forms in Angular 5
Part 2 – Extending AngularJS to make it more simple and dynamic
Use of Redux in Angular application
In this article, we'll look at JetBrains Rider, a cross-platform IDE for .NET developers – built by the same folks that build ReSharper.
The sample provides Web access to devices status and displays dynamic metrics charts with ASP.NET Core 2.0, SignalR, Angular 5 and Chart.js.
We will walk through Angular, Angular CLI and Angular Material to build a file upload component which does not exist in Angular Material
SharePoint framework webpart to retrieve SharePoint list items using React & Rest API and display the results using details DetailsList Office UI fabric component