Category: Angular
-
Db2Code–part 7 – Angular vs React
Once you have the REACT implementation,you will think that Angular implementation will be a breeze. Not . Some pain points and differences : 1. Angular have the power of separating components into html code and JS/TS code. While this is a feature for the developer,it becomes hard for code generators to generate 2 different files…
-
TILT- Telemetry/Observability for FE and BE-part 27
Now it is the case to monitor the calls how they arrive from Web ( frontend ) and continue to the backend. Fortunately,it is very simple in Application Insights There are 2 relevant links for Angular https://devblogs.microsoft.com/premier-developer/angular-how-to-add-application-insights-to-an-angular-spa/ https://learn.microsoft.com/en-us/azure/azure-monitor/app/javascript-angular-plugin https://learn.microsoft.com/en-us/azure/azure-monitor/app/javascript?tabs=snippet#enable-distributed-tracing The code is relative well written and appears ok. The fact that the AppInsights SDK is…
-
TILT-Count TILTS for each user-part 27
I just wanted to know for each user how many tilts have each user/ url . As a Business Requirement,it is not a big deal. Let’s see what it means for a programmer . 1. Add functions to the backend to calculate the count 2. Add to the frontend call to the function 3. Figure…
-
TILT-Typed Reactive Forms and arrays–part 26
I want now to pass to typed reactive forms ( with Angular 14 )- what is good is that are typed,i.e. I can see errors if some property is not correct. The code previously was profileForm = this.fb.group({ url: [”], publicTILTS: this.fb.array([]) }); Now the code looks like profileForm = new FormGroup({ url: new FormControl(”),…
-
TILT-Passing to IAsyncEnumerable instead of array–part 25
When tansmitting an array of data to an application,usually the application transfers all data – or in chunks – if it is a large numbers ( page 1,page 2 and so on). Both are having drawbacks all data from start means that the time to see the data increases with the number of data paging…
-
TILT–Details for programmers- part 24
I have organized the About in order to show more details. See https://tiltwebapp.azurewebsites.net/AngTilt/ Zero and the most important,the date when the CI was done First,Licences – .NET Core and Angular . Usefull to know. Second,Info about Versions – Repo and history – UI and JSON – mostly for making managers happy . Third,Automation – Swagger…
-
TILT–Some improvements-part 23
I wanted to have a share on TILTs,instead of a clipboard copy. Discovered that browser navigator has a native share – https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share . Implementation very simple ( not so good,) private share(str:string): boolean{ if (‘share’ in navigator) { navigator .share({ title: ‘TILT!’, text: str, url: environment.url + ‘AngTilt/tilt/public/’+this.profileForm.controls[‘url’].value }) .then(() => { console.log(‘Callback after sharing’);…
-
TILT-Angular 14 and small updates-part 20
It is always good to have the latest version of NuGet packages – if it does not break the application,of course. Easy task when you have some automated test -and Visual Studio is doing this for you. However,to update an Angular application where the version is fixed – a nightmare. I will do in a…
-
Windows terminal + Powershell to run IDE,Angular,.NET Core
I work at http://github.com/ignatandrei/BlocklyAutomation – and every time I need to run Angular,Visual Studio Code IDE and .NET Core run ( and Visual Studio sometimes – it is more web based) Also,sometimes I need to run in a container – to install globally something that I do not want to have in my PC. So …
-
Developer choices Web => Windows application
So I have an Angular application – basically,a macro for your WebAPI – see https://ignatandrei.github.io/BlocklyAutomation/ . I want to transform into an Windows Application and have also deployed to Windows Store. Attempt 1 : embed as a resource a .NET Core WebAPP and deploy to Windows Store. Not really – the validation part of Store…