Usare Tailwind in Angular
In questo articolo vediamo come integrare Tailwind in un progetto Angular.
Iniziamo con l'installazione di Tailwind:
npm install -D tailwindcss postcss autoprefixer
In questo articolo vediamo come integrare Tailwind in un progetto Angular.
Iniziamo con l'installazione di Tailwind:
npm install -D tailwindcss postcss autoprefixer
Sento sempre più spesso parlare di TailwindCSS, ed ho quindi deciso di provarlo in Angular.
Partendo dal presupposto che sto usando Angular 12, iniziamo aggiungendo TailwindCSS con questo comando:
ng add @ngneat/tailwind
Su Linux abbiamo diversi comandi che ci permettono di agire su file di testo.
Oggi vediamo due modi per visualizzare delle righe specifiche.
Whiptail è un programma che ci consente di creare delle finestre di dialogo in Linux, da usare dentro i nostri script BASH.
E' molto simile ad Ncurses; in Debian è installato di default, mentre su OpenSUSE dobbiamo installarlo così:
# zypper in newt
Quello che vogliamo creare è un classico layout master-detail in Flutter, senza l'ausilio di qualche sorta di designer (sempre se ne esistono).
Cominciamo col creare una nostra classe "POJO":
import 'package:meta/meta.dart';
class Nota {
Nota({
@required this.id,
@required this.titolo,
@required this.testo,
});
final int id;
final String titolo;
final String testo;
}
final List<Nota> note = <Nota>[
Nota(id: 1, titolo: "UNO", testo: "TESTO 1"),
Nota(id: 2, titolo: "DUE", testo: "TESTO 2")
];
In questa guida vi spiego come collegare una DetailsView a una GridView.
Do per scontato che sappiate cosa siano e come si usano; inoltre io uso un database Sql Server.
Supponiamo di avere database con una classica tabella clienti che ha i seguenti campi:
Di queste voci vogliamo mostrare pubblicamente solo id, nome e cognome.
Per fare questo possiamo usare tranquillamente una GridView impostando manualmente i campi da visualizzare.
Per vedere tutti le altre voci collegate invece impostiamo una DetailsView, collegandola alla GV.
Come fare?