Angular Material textarea matInput get number character

 

Nel caso che stiamo usando il Framework Angular Material,  e vogliamo sapere in una textarea in tempo reale mentre si digita il numero dei caratteri presenti, tramite la proprietà Length possiamo avere tale valore.

Di seguito il frammento di codice per mostrare i caratteri presenti durante la digitazione.

 <mat-form-field appearance="outline" fxFlex="80" >

                   

  <textarea matInput  maxlength="200" #contaRighe  

matTextareaAutosize [matAutosizeMaxRows]="2">

   

</textarea>

                    <br>

                     

                </mat-form-field>

             

            </div>

            {{contaRighe.value.length}} /200

angular format date dd/mm/yyyy Typescript

Se stiamo utilizzando il Framework Angular, e dal linguaggio Typescript vogliamo convertire una data in formato giorno/mese/ed anno (dd/mm/yyyy) tramite il metodo "trasnform" della classe "datePipe" otteniamo tale risultato.

Di seguito un esempio di codice che converte la proprietà di tipo Data di una classe in giorno, Mese intero ed anno intero.

this.datePipe.transform(this.MioOggetto.ProprietaData,

'dd/MM/yyyy')

Aggiungere nel costruttore il riferimento alla classe.

constructor(

   

    private datePipe: DatePipe,

    )

E nella parte degli import aggiungere il riferimento.

import { DatePipe } from '@angular/common';

Servizio online di comprimere le immagini

 

Il seguente sito Nero AI Image Compressor - Reduce image size for free offre la possibilità di caricare le proprie immagine e ridurre il peso. Il sito è in lingua inglese ma facilmente utilizzabile.

Una volta elaborata l'immagine, sarà ridotto la grandezza e si potrà scaricare gratuitamente.

Download gioco Farlight 84

 

Disponibile gratuitamente per sistemi operativi Windows il gioco sparatutto Farlight 84 in lingua italiana.

Il gioco è al momento disponibile gratuitamente, per il download e maggiori informazioni visitate il seguente sito https://store.epicgames.com/it/p/farlight-84-8e689a

Programma gratuito per ascoltare file audio deadbeef

 

Il programma deadbeef è un software gratuito ed open source che permette la gestione dei file audio.

Il software è costantemente aggiornato è ben fatto. Per maggiori informazioni, download e codice sorgente, visitate il seguente sito https://deadbeef.sourceforge.io/

Angular mat-form-field' is not a known element

 

Durante la creazione di applicazioni utilizzando Angular lato html, con il framework material, può verificarsi l'errore "mat-form-field' is not a known element" come in figura precedenza.

Questo è dovuto al fatto che nel file ".module.ts" manca nella dichiarazione il nome del componente.

Per risolvere il problema, andare nel file "nomeModule.Module.ts" e nella parte 

@NgModule({

    declarations: [

aggiungere il nuovo componente dove usare  i vari controlli. 

Download gioco Turnip Boy Commits Tax Evasion

 

Disponibile in lingua italiana e senza limitazioni il gioco di combattimento e strategia Turnip Boy Commits Tax Evasion per sistemi operativi Windows.

Il gioco per un pubblico adulto è disponibile gratuitamente fino al 09 novembre 2023 dopo tale data il download sarà a pagamento.

Per maggiori informazioni e download visitate il seguente sito https://store.epicgames.com/it/p/turnip-boy-commits-tax-evasion-fb2084

VB.Net how to add value to combobox item on runtime

Se vogliamo caricare alcuni elementi a rutime in un controllo combobox, tramite il linguaggio Visual Basic Net, impostando il value e la key, dobbiamo utilizzare un ditctionary.

Di seguito il frammento di codice per impostare a runtime un controllo combobox con tali dati.

ComboBox1.Items.Add(New DictionaryEntry("Chiave", "Valore"))

'Per rilevare il valore chiave dell'elemento selezionato.

Dim ValoreChiave = ComboBox1.SelectedItem.Key

Angular How to filter an array and return the entire object

Supponiamo di rilevare i dati da un servizio o array e vorremmo che restituisca un solo dato. Con il metodo Filter, ci restuisce un array di dati, anche se la condizione ne estrapola uno, mentre con il metodo "Find", otteniamo un solo record che corrispondere alla condizione.

Di seguito un frammento di codice di tale utilizzo

let MiaVariabile: Oggetto;

              ArrayOServizio.subscribe(

                p => {

                     MiaVariabile = p.find(item => item.NomeProprieta === ValoreDiRicerca)

Download gioco Palia

 

Disponibile gratuitamente per sistemi operativi Windows, il gioco Palia, che offre una grafica interessante.

Il gioco di strategia è in lingua italiana e si può scaricare dal seguente sito https://store.epicgames.com/it/p/palia-0d428e 

Angular use local storage

Per ottimizzare la gestione dei dati, può tornare utile salvare i dati nell'archivio locale del browser, permettendo in questo modo di migliorare le prestazioni dell'applicazioni.

Tramite la classe LocalStorage è possibile salvare e caricare i dati.

Di seguito un frammento di codice, che illustra una tecnica di come salvare i dati nell'archivio locale.

localStorage.setItem('Chiave', 'Valore');

Dove chiave è il riferimento al valore che si vuole salvare.

Il metodo getItem invece restituisce il valore, passando come parametro la chiave. Di seguito il frammento di codice.

localStorage.getItem('Chiave');

Il metodo removeItem, invece rimuove l'elemento dall'archivio locale, di seguito il frammento di codice.

localStorage.removeItem('Chiave');