Otázky a odpovědi týkající se programování - typescript

jak udělat, aby se pole datové typy(objekt) jako přísně rovná (===) v Javascriptu
V mé aplikaci jsem musel udělat dvě pole datové typy(jeden je nějaký[] a další je číslo[]) jako rovný s použitím striktně stejné. můj kód je: .komponenta.ts if (categoryIds === PhysicalPackageConst.nrtPatchCategory){ this.materialTypes = PhysicalPackageConst.nrtPatchMaterialType; categoryIds = []; } Ve výše uvedeném případě podmínka je zobrazeno jako false, pokud jsem se, aby to tak ===(když použiju == je zobrazeno data(pravda), ale ne pro ===) balíček.konstantní.ts export const PhysicalPackageConst = { nrtGumCategory : [...
angular javascript operators typescript
2021-11-24 06:52:46
Jak používat validátor změnit barvu ohraničení formcontrolname v úhlové
Mám formcontrol, kde chci změnit barvu, když pole je neplatná snažil jsem se následující jako většina příkladů udělat to samé: <input formControlName="personNameField" type="text" placeholder="Bitte eingeben" [ngClass]="{'error': personNameField.errors}" ></input> Moje ts formcontrol je generována takto: form = this.builder.group({ personNameField: new FormControl('', [Validators.required]), }); getName(){ this.form.get('personNameField') } Ale já...
angular javascript typescript typescript
2021-11-24 06:36:31
chat provádění v úhlové
I v současné době mají mateřské komponenty s názvem chat a dva dětské součást nazvaná postranní panel(skládající se z uživatelského seznamu) a rozhovor detail(skládající se z chat u každého uživatele).. funkce chci, je, když jsem klikněte na některý uživatel přítomný v postranním panelu chci chat a otevřete daného uživatele na pravé straně, stejně jako v WhatsApp web.. níže je malý kódu strukturování moje komponenty Chat component(výchozí složka) <div class="container-fluid"> <div class="row"> <div class="col-5"> ...
angular chat typescript whatsapp
2021-11-24 06:31:06
Strojopis Reagovat custom hook ref div element
EDIT: jsem nastavit codesandbox: https://codesandbox.io/s/magical-poitras-yogur?file=/src/App.tsx Snažím se vytvořit vlastní háček div prvek reagovat na přidat posluchače událostí. Našel jsem toto "obecné" řešení: function useMyCustomHook<T extends HTMLElement>{ const myRef = useRef<T>(null) // do something with the ref, e.g. adding event listeners return {ref: myRef} } function MyComponent(){ const {ref: myElementRef} = useMyCustomHook<HTMLDivElement>() return <div ref={myElementRef}>A Div</div> } od: Nelze přiřadit...
react-hooks reactjs typescript whatsapp
2021-11-24 05:57:28
Jak zkontrolovat, některý pole existují, zatímco mapa()?
Pokouším se vytisknout data pomocí pole data a data1. Udělal jsem to {data?.data1?.map((ac1: any) => { <component prop1={data} prop2={data1}> })} to bude fungovat pouze pokud data a data1 existují. Chci, aby se každý člověk musí existovat. Jak dosáhnout, že.
node.js reactjs typescript whatsapp
2021-11-24 05:09:34
Přijímat "Požadavek se nezdařil se stavem kód 502 nginx v nextjs strojopis
Mám nakonfigurován Next.js strojopis s Kubernetes NGINX Ingress ale v okamžiku, kdy se k ní posílá mě 502 na určité trasy, ale ne na celý projekt vgr .: v /test to funguje dobře, ale v /login to nebude fungovat. Nevím, jak chybu reprodukovat vědět, co se děje. Nevím, jestli Kubernetes nebo Docker je chybně nakonfigurován. full config v této GitHub úložiště
docker kubernetes next.js nginx-ingress
2021-11-24 04:27:03
Jak filtrovat Strojopis pole založené na možná-undefined datum-jako-řetězec položka objekt, nemovitosti?
API vrátí výsledek jako objekt s více než tisíc hodnot v následujícím formátu: result = { "items": [ { "Name": "abc", "CreatedOn": "2017-08-29T15:21:20.000Z", "Description": "xyz" }, { "Name": "def", "CreatedOn": "2021-05-21T15:20:20.000Z", "Description": "cvb" } ] } Chtěl bych filtrovat položky v obj...
metoda, která používá data získaná z pozorovatelný na jeho vlastní komponentu vrátí undefined pokud je použit jako Vstup()
Vytvořil jsem šablonu example.component.html že dostane metoda jako proměnnou do jeho klepněte na tlačítko akce: <div> <button (click)="method()">click here</button> </div> na example.component.ts soubor, metody pochází z input(), takže mohu použít tuto šablonu na více situací: @Component({ selector: 'example', templateUrl: './example.component.html', }) export class ExampleComponent implements OnInit { @Input() method; constructor() {} ngOnInit(): void {} } Tady to začíná být komplikované. Na ...
angular rxjs typescript nginx-ingress
2021-11-24 03:00:01
Materiál-UI TextField varianta štítku zarážející přes hodnotu
Já se snažím používat TextField součást Materiál-UI s nastíněná varianta, ale z nějakého důvodu štítku jde přímo přes hodnoty? Jak mohu opravit toto? Screenshot textového pole s popiskem a hodnota popletl Jsem reprodukován v níže codesandbox.io: https://codesandbox.io/s/angry-borg-2ojel?file=/src/App.tsx App.tsx import { TextField } from "@material-ui/core"; import "./styles.css"; export default function App() { return ( <div className="App"> <TextField variant="outlined" label="Label" value="Ve...
Definovat obecné funkce typ a aplikovat na funkce úkol
Můžu definovat a používat generické funkce, jako je tento: const fetchData = <T>(): T[] => { const arr: T[] = [] // if stuff push to arr return arr } const emptyStringArray = fetchData<string>(); Nicméně, v mém skutečném scénáři, mám hodně params a chtěli oddělit typings a funkce úkol. Já jsem se pokusil napsat takhle: type IFetchData = <T>() => T[] const fetchData2: IFetchData = () => { const arr: T[] = [] // if stuff push to arr return arr } const emptyStringArray = fetchData2<string>(); Nicméně, nyní definice funkce ne...
Získat název proměnné argument funkce Strojopis
Chtěl bych nastavit rychlý snadný způsob, jak otestovat funkce v Úhlové, kde bych jen zadat název funkce, jakmile v konstruktoru a testovat je. např: constructor() { this.test(this.FucntionName) <= logs function name and output } Problém s tímto je, že když se pokusím předat funkci jako argument a nenahlásí to, mám to. rozsah chyba. Jak mohu získat jak název funkce a její návratová hodnota, když jsem se projít do test() funkce, aniž byste museli zadávat dva argumenty? Je lepší volba, možná, že někteří jednotka testování rámců poskytnout? Můj současný přístup ...
Nastavení šířky 2 prvky založené na nejdelší text
Snažím se určit nejlepší způsob, jak vydělat 2 prvky stejné velikosti na základě textu z větší prvek. V podstatě vzít 2 text položky "ouverture de relace" a "xyz" (používá se pro krátké slovo například) tak, že obě tlačítka mají stejnou velikost a jsou dostatečně velké, aby zvládnout větší ze 2 textové vstupy. To lze udělat přes Javascript, Úhlové, cokoliv.
Úhlové HttpErrorResponse GET Požadavek
Mám jednoduchý Quarkus projektu a chcete zobrazit data v Hranatý stůl s HttpClient. Také mám CORS Filtr. Každopádně jsem se následující chybová zpráva: Úhlová tabulka s žádné datum, HttpErrorResponse Stav 0 služby.ts import { HttpClient } from '@angular/common/http'; import { Injectable } from '@angular/core'; import { Observable } from 'rxjs'; import { School } from './model/school'; @Injectable({ providedIn: 'root' }) export class SchoolService { url = "localhost:8080/school" constructor(public http: HttpClient) { } getAll(): Observable<School[]> ...
angular httpclient java rest
2021-11-24 00:14:07
Jak deklarovat proměnnou typu A nebo B, když jeden táhne druhého na Stroji
Mám souvislosti poskytovatele, který proudy uživatelských dat v celé aplikaci. Jsem Student rozhraní: export interface Student extends User Rád bych poskytovatelem, vrátit uživatelská data typu Student nebo User takto: let userData: Student | User = null; Při pokusu o přístup k vlastnosti k dispozici pouze pro studenty, userData?.currentTeam, VS Kód hodí následující chybu: Property 'currentTeam' does not exist on type 'Student | User'. Property 'currentTeam' does not exist on type 'User'.ts(2339) Musím zjistit, proč to je prodlení na mateřské rozhraní a jak povolit ...
Jak správně napsat check vnořené záznamy umožňující částečné podstromy s Strojopis?
Prosím, podívejte se na následující ukázku. interface Data definuje schéma pro vnořená data. function check ověřuje, zda dané dílčí podstrom tohoto Data struktura je v pořádku a hodit kompilovat-čas chyba, pokud ne (doufejme, že s více či méně podrobné a srozumitelné chybové hlášení a ne jen "... není přiřadit k typu 'nikdy"). interface Data { namespace1: { keyA: string, keyB: string }, namespace2: { keyC: string, keyD: string } } // This function's only purpose is to perform a compile-time check // whether the given partial data is valid. // Re...
klient.watchQuery nemůže být volána s fetchPolicy nastavena na "standby" - Chyba hodil na načtení stránky z useLazyQuery
Mám stránky napsané v tsx, která udržuje shazovat na zátěž s chybou client.watchQuery cannot be called with fetchPolicy set to "standby"i když dotaz je useLazyQuery (takže to nemá zatím), a má možnost fetchPolicy: 'no-cache'. To se zhroutí na mě, ale ne pro moji spoluhráči, což je pro mě, že to může mít něco společného s balíček verze možná můj místní stroji, ale já jsem nastavení a znovu nastavit každý způsob, jak mohu myslet na žádné zlepšení. Příslušný kód a balíček.json jsou níže. Nějaký nápad by to úžasné. // myfile.tsx const [getRoles] = useLazyQuery(GET_...
Zjednodušení strojopis typy uvnitř typu popup
Je možné zjednodušit typ, který je zobrazen v typu popisku, který je viditelný, když jsem se vznášet se nad proměnnou, na psacím Stroji? Mám následující kód: type Debug<T> = { [key in keyof T]: T[key] } type Chainable<Acc = {}> = { option: <K extends string, V>(key: K, value: V) => Chainable<Acc & {[k in K]: V}>; get: () => Debug<Acc>; } declare const config: Chainable const result = config .option('foo', 123) .option('name', 'type-challenges') .option('bar', { value: 'Hello World' }) .get() type X = typeof ...
types typescript react-hooks reactjs
2021-11-23 22:28:22
Vlastnost " neexistuje na typ 'řetězec' při použití makestyles @mui
Mám následující kód: const useStyles = makeStyles(() => ({ dialog: { root: { position: 'absolute' }, backdrop: { position: 'absolute' }, paperScrollPaper: { overflow: 'visible' }, paper: { background: 'none', boxShadow: 'none', overflow: 'hidden' } }, })) export const LoadingBackdrop = (props: any) => { const classes = useStyles() const backdropProps = { disableEscapeKeyDown: true, disableAutoFocus: true, disableEnforceFocus: true, disableScrollLock: true, disab...
proč strojopis neumožňuje cyklické odkazy v generika?
zde příklady, kde je tento typ přímo odkazy sám v jeho definici, ale když získávána prostřednictvím generických to zcela selže. type a = { val: a }; // <-- doesn't care about circular references! type record<T> = { val: T }; type b = record<b>; // <-- doesn't work! type func<T> = (arg: T) => void; type c = func<c>; // <-- doesn't work! type d = (arg: d) => void; // <-- works!?
types typescript reactjs typescript
2021-11-23 20:48:45
Jak mapovat prvky pole v Javascriptu
Pouze prvky, které mají hodnotu větší než nebo se rovnat prahové hodnotě, musí být udržovány v poli. Pak nové pole bude muset být vytvořen, který bude obsahovat několik objektů. Každý z těchto objektů bude mít dvě vlastnosti, a to začátek a konec. Pokud existuje několik prvků v řadě (které mají časové razítko 10 minut od sebe), budou seskupeny ve stejném objektu. Kde počáteční hodnota bude razítko prvního prvku a na konci bude hodnota časové razítko hodnoty posledního prvku ze skupiny plus 10 min. Pokud nejsou některé prvky následoval, na začátku bude hodnota časové razí...
arrays javascript typescript typescript
2021-11-23 20:24:54
proč my cloud funkce dávat chybu (CloudFirestore s ForOf Smyčky)?
Moje funkce getDocuments() v souhrnu spočívá v tom, že jsem předat některé parametry v poli (jako cesta, název dokumentu, pokud chci, aby část po částech) a na základě toho pole návrat na obsah každého dokumentu, přes smyčku (ForOf), funkce dělám to více než nic, aby mě zachránil příliš mnoho řádků kódu, problém je, že to vždy hází mi chybu, že nevím, co to je. Můžete mi pomoci? Prosím Cloud funkce export const employees = functions.https.onRequest((request, response) => { corsHandler(request, response, async () => { return await security.securityLayer( ...
firebase javascript node.js typescript
2021-11-23 20:10:26
Načítání spritesheet v Pixijs nefunguje
Im snaží načíst spritesheet v pixijs podle oficiální dokumentace: http://pixijs.download/release/docs/PIXI.Spritesheet.html Následující je můj kód: PIXI.Loader.shared.add('sheet', require('../assets/spritesheet.json')).load(spriteSetup) function spriteSetup() { let sheet = PIXI.Loader.shared.resources['sheet'].spritesheet; console.log(sheet) } Když se snažím přihlásit na hodnotu 'list', to je nedefinované. Tak jsem zkusil přihlášení hodnota PIXI.Nakladač.sdílené.zdroje['list'], který není definován, ale spíše následující: { "_onLoadBinding": null, &qu...
ecmascript-6 pixi.js typescript vue.js
2021-11-23 20:05:23
Vytvořit objekt na základě typů typescript
Jinak říct, že mám tento typ type foo = { go: string; start: string; } Jak mohu dynamicaly udělal funkci, která vrátí { go: '', start: '' } Existuje nějaký způsob, jak na Typ Skriptu můžeme dynamicky vytvořit prázdný objekt, na základě pouze jen typ? Nebo to je nemožné, protože nemůžeme jen smyčka Myslel jsem něco, jako jsou tyto function generate<T>(T)<T> { const obj = {} for (const key of keyof T) { obj[key] = '' } return obj }
typescript pixi.js typescript vue.js
2021-11-23 19:36:25
Strojopis: Poskytuje obecný typ, pole vs n-tice, pro databáze dat
Používám mssql knihovna, která má tento interface: export interface IRecordSet<T> extends Array<T> { columns: IColumnMetadata; toTable(name?: string): Table; } Já mám funkci, která získá data z databáze a vrací pole IRecordSet<T>,, tak, že je pole polí, které obsahují obecný typ <T>. To vypadá jako: [[{}, {}, ...], [{}, {}, ...], ...] import { IRecordSet } from 'mssql' type Data<T> = Array<IRecordSet<T>> async function getData (sql: string): Promise<Data<any>> { // connect to db, run sql return [] } Te...
types typescript typescript vue.js
2021-11-23 19:20:57
Strojopis - počkat na funkci kompletní, dokud vykonávající další funkce
Mám dvě funkce: doAsyncStuff a doNextStep. Jak mohu zajistit doNextStep být provedeny pouze po doAsyncStuff je hotové? Já něco podobnýho zkoušel ale nepomohlo to: doAsyncStuff().then(_ => doNextStep()); async function doAsyncStuff() { if (vscode.workspace.workspaceFolders) { vscode.workspace.workspaceFolders.forEach(async (e) => { for (const [name, type] of await vscode.workspace.fs.readDirectory(e.uri)) { console.log(name); } }); } return true; } function doNextStep() { console.log('next...
async-await typescript typescript vue.js
2021-11-23 19:10:06
Nepodařilo se načíst parser '@strojopis-eslint/parser' prohlásil v "balíku".json " eslint-config-reagovat-app#přepíše[0]': Nelze najít modul 'stroji'
Zkoušel jsem typescript kód v mé reagovat projektu. S malou znalostí o tom, strojopis, dbala jsem, aby visual studio code je návrh na konfiguraci strojopis builtin tlumočníka. Všechno, co chci udělat, je mít nic společného s strojopis Vymazal jsem strojopis složky a teď jsem uvízl s chybou. Níže je plný traceback Failed to load parser '@typescript-eslint/parser' declared in 'package.json » eslint-config-react-app#overrides[0]': Cannot find module 'typescript' Require stack: - /home/freduah/Desktop/Desktop/Learned_Project/LearnedBackend/Backend/LearnedWebDevelopment/node_...
javascript reactjs typescript vue.js
2021-11-23 19:01:32
Úhlové materiál formulář založený na vlastnosti typu
Mám dialogové okno, složka, která ukazuje, když jsem klepněte na tlačítko "Upravit" tlačítko vedle položky v tabulce. Dialogové okno složky vypadá takto: <h1 mat-dialog-title>{{item.ID}}</h1> <div mat-dialog-content> <p>Edit item</p> <mat-form-field appearance="outline" style="justify-content: center;"> <mat-label>ID</mat-label> <input matInput [(ngModel)]="item.ID"> </mat-form-field> <mat-form-field appearance="outline"> &...
angular angular-material html typescript
2021-11-23 18:33:47
Aby vstupní text přijmout číselné procent pouze Úhlové
Tvorba textu pouze přijmout procent hodnoty může být trochu složitější, zde je způsob, jak to udělat, že odstraněním jiných než číselných hodnot a přidání ' %' na konci. neváhejte se podělit o své nápady!
angular html regex typescript
2021-11-23 18:18:38
AWS CDK EcsDeployAction aktualizovat stávající Fargate Služby
Jsem deployng Fargate služby prostřednictvím AWS CDK s lehkostí. Teď jsem třeba aktualizovat službu, například úkol image. Jsem 'm se snaží dosáhnout tím, že pomocí @aws-cdk/aws-codepipeline a akce EcsDeployAction Snažím se importovat a aktualizovat stávající (již dříve nasazeno) fargate služby, jako je tento: const pipeline = new codepipeline.Pipeline(this, 'MyPipeline') // import an existing fargate service const fargateService = ecs.FargateService.fromFargateServiceArn( this, "FargateService", "MyFargateServiceARN" ); // Deploy a new versio...
Zatímco vazba " to " k události onClick na Reagovat součást dává `Parametr 'to' implicitně má 'nějaké' typ` chyba
P. S. zkoušel jsem další odpověď ze StackOverflow, ale nějak to nefungovalo. Jsem závazná this onClick funkce obslužné rutiny, jak je uvedeno níže const handleUpdatePermissionClick = async (user: UserPermission) => { try { await updateUserPermission(user) setShowError(false) } catch (e) { setShowError(true) } } <MenuItem name={ele.name} Key={ele.name} onClick={handleUpdatePermissionClick.bind(this, { permission: ele, userId })} /> Ale to mi dává Parameter 'this' implicitly has an 'any' type chyba`. Snažil jsem ...