Questions tagged [angular10]

Questions about Angular version 10, the web framework from Google. Use this tag for Angular questions which are specific to only version 10. Use tag Angular for any Angular questions which are not specific to an individual version

Breaking Changes:

  • Typescript 3.6, 3.7, and 3.8 are no longer supported. update to Typescript 3.9.
  • Input fields of type number fire the valueChanges event only once per value change (as opposed to twice in some cases). See PR 36087.
  • The minLength and maxLength validators only validate values that have a numeric length property. See PR 36157.
  • Templates with unknown property bindings or unknown element names now log errors instead of warnings. See PR 36399.
  • UrlMatcher can now return null values. See PR 36402.
  • Transplanted views now refresh at insertion point only. See PR 35968.
  • Formatting times with the b or B format codes now supports time periods that cross midnight. See PR 36611.
  • Navigation is canceled for routes with at least one empty resolver. See PR 24621.

See the changelog for latest version information.

Read more at the Angular Website

837 questions
0
votes
1 answer

cdkDropListDropped never fired in angular 10 and material table

I was using cdkDropList to reorder columns in the material table. Until the version 8 everything was going fine, but after updating to version 10 the cdkDropListDropped is never fired.
0
votes
1 answer

Prevent navigation to asset folder with Nginx

In my Angular10 project, I have a folder in my assets (declared in angular.json) that I don't want to be navigated if you type the full url in the browser. But still it has to be usable if I use it in my code ex:
user2026121
  • 35
  • 1
  • 8
0
votes
2 answers

Obtain Route information given any url in Angular 10

In Angular 10 I have the following entry inside my routes: const routes = [ { path:'my/target/:targetId', component: MyTargetComponent, data: { dataKey: 'dataValue} }, ... ] From anywhere inside my application, given any path (say…
Sirion
  • 804
  • 1
  • 11
  • 33
0
votes
1 answer

Angular 10. Cannot read property 'flags' of undefined

Angular 10 application When I try build application **ng build** I get next error ERROR in Cannot read property 'flags' of undefined ng --version @angular-devkit/architect 0.901.0 @angular-devkit/build-angular …
Serj Malko
  • 326
  • 4
  • 15
0
votes
1 answer

custom css url is loading after styles.css - angular 10

Please refer my angular.json configuration below "options": { "outputPath": "dist/example", "index": "src/index.html", "main": "src/main.ts", "polyfills": "src/polyfills.ts", "tsConfig":…
rameshP
  • 49
  • 1
  • 4
0
votes
2 answers

when creating new module throw Experimental support for decorators error

i am trying to generate new module in angular project with ng g module core/employee-applicant --routing=true and the new module generated throw an exception Experimental support for decorators is a feature that is subject to change in a future…
Hassan Ahmed
  • 67
  • 1
  • 12
0
votes
2 answers

Updating library from Angular 9 to Angular 10 produces error Symbol MatButton declared in ....is not exported from @angular/material/button

After updating the Angular lib from angular 9 to angular 10, I am getting the following error while building the library. ERROR: Symbol MatButton declared in ........................... is not exported from @angular/material/button. I couldn't…
0
votes
1 answer

Ng Build issues when using Angular 10 project - [An unhandled exception occurred: Job name "..getProjectMetadata" does not exist.]

I have an Angular 10 Project which builds successfully locally but fails with the following error when building on jenkins. [error] Error: Job name "..getProjectMetadata" does not exist. at Observable._subscribe…
avinashkr
  • 512
  • 1
  • 5
  • 20
0
votes
0 answers

How to migrate a library using clarity to Angular 10?

I'm trying to bump Angular version in a mono-repo with several applications and libs. One of those libs and one of those applications are using Clarity framework ng update fails because of clarity depending on tslib v1 when Angular 10 uses v2. Is…
ch4mp
  • 6,622
  • 6
  • 29
  • 49
0
votes
2 answers

ag Grid ability to pre-select a checkbox based on the data

As per the requirement we will get values from api and those rows should be pre-selected when loading Ag Grid. this.columnDefs = [ { headerName: 'Option Code', field: 'Option', maxWidth: 125, checkboxSelection:…
user13923157
  • 11
  • 1
  • 1
0
votes
1 answer

Getting a blank page after starting Angular 10.0.3 app on localhost before deploying to Heroku

I'm getting a blank page on testing my Angular 10.0.3 app. Here the server.js: const express = require('express'); const app = express(); app.use(express.static('./src')); app.get('/*', (req, res) => res.sendFile('index.html', {root:…
0
votes
2 answers

Angular: Show Only the Component and Hide Header and Footer

How do I only show the Angular Component on a page, and hide everything else including the header and footer from the angular component? The header and footer are automatically placed in all our components, we don't even code for them in…
user13889515
0
votes
0 answers

Angular development environment not working as expected after upgrade to Angular 9 and 10

I work on a pretty large angular project. We have been on angular 8 for the most part of 2020, and postponed upgrading to angular 9 and 10 because last time we tried upgrading, the application did not feel right. Therefore, we made the decision to…
0
votes
1 answer

navigate to another angular page 10

I'm studying angular and would like to navigate to another page when I click on the button. it happens to me that when I click they add the component of the second page under the button. I followed a thousand tutorials but I don't get the desired…
BenTech
  • 131
  • 1
  • 13
-1
votes
0 answers

Fixing upstream dependency conflict: How to read the error log & determine a fix

When I try to do npm install for my Angular project, I am getting the below error. npm i npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: karma-jasmine-html-reporter@1.7.0 npm ERR! Found:…