Angular 10: Can't bind to 'ngIf' since it isn't a known property of 'div'

Error: Angular 10: Can't bind to 'ngIf' since it isn't a known property of 'div'

can't bind to 'ngif' since it isn't a known property of 'ng-container' angular 11

Solutions:

Make sure to import CommonModule from the module that is providing your component. for me I had to import CommonMudel in the TestComponent

import { CommonModule } from '@angular/common';  
import { BrowserModule } from '@angular/platform-browser';

 @NgModule({
    imports: [CommonModule],
    declarations: [TestComponent]
})
class MyComponentModule {}

BrowserModule vs CommonModule

BrowserModule provides services that are essential to launch and run a browser app.

BrowserModule also re-exports CommonModule from @angular/common, which means that components in the AppModule module also have access to the Angular directives every app needs, such as NgIf and NgFor.

CommonModule (all the basics of Angular templating: bindings, *ngIf, *ngFor…), except in the first app module, because it’s already part of the BrowserModule

Comments

How to Make a Custom URL Shortener Using C# and .Net Core 3.1

C# and .Net Core 3.1: Make a Custom URL Shortener Since a Random URL needs to be random and the intent is to generate short URLs that do not span more than 7 - 15 characters, the real thing is to make these short URLs random in real life too and not just a string that is used in the URLs Here is a simple clean approach to develop custom solutions Prerequisite: Following are used in the demo. VS CODE/VISUAL STUDIO 2019 or any Create one .Net Core Console Applications Install-Package Microsoft.AspNetCore -Version 2.2.0 Add a class file named ShortLink.cs and put this code: here we are creating two extension methods. public static class ShortLink { public static string GetUrlChunk ( this long key ) => WebEncoders . Base64UrlEncode ( BitConverter . GetBytes ( key )); public static long GetK...

Azure key vault with .net framework 4.8

Azure Key Vault With .Net Framework 4.8 I was asked to migrate asp.net MVC 5 web application to Azure and I were looking for the key vault integrations and access all the secrete out from there. Azure Key Vault Config Builder Configuration builders for ASP.NET are new in .NET Framework >=4.7.1 and .NET Core >=2.0 and allow for pulling settings from one or many sources. Config builders support a number of different sources like user secrets, environment variables and Azure Key Vault and also you can create your own config builder, to pull in configuration from your own configuration management system. Here I am going to demo Key Vault integrations with Asp.net MVC(download .net framework 4.8). You will find that it's magical, without code, changes how your app can read secretes from the key vault. Just you have to do the few configurations in your web config file. Prerequisite: Following resource are required to run/complete this demo · ...

AWS FREE ASP.NET CORE (.NET 6.0) HOSTING WITH FREE SSL

FREE ASP.NET CORE (.NET 6.0) Hosting on AWS (Amazon Web Services) Today I was able to host my asp.net 6.0 + ANGULAR 14 application on AWS Free Initial Setup of your AWS Account and your Computer Get ready with your asp.net core 3.1 /.net 6 application Install "AWS toolkit for visual studio 2022" as visual studio extensions : it will be required to deploy smoothly from Visual Studio 2022 itself, your life will be easy. Let's finish the AWS account setup Get signed up with: its free but it will be required a valid credit card or debit card, they will charge nothing for the free services for 1 year * https://portal.aws.amazon.com/billing/signup#/start/email AWS console for services and offering http://console.aws.amazon.com/ Create a user in AWS Console: IAM With the help of AWS Identity and Access Management (IAM), you can control who or what has access to the services and resources offered by AWS, centrally manage fine-grained...

StackoverflowTips

Search This Blog