Maksim Ovcharik ovcharik

Поиск данных в роутах Angular на основе событий роутера

Пример:

const router = inject(Router);
router.events
  .pipe(
    deepSearchForRouteData<MyRouteData>((data) => !!data && Object.hasOwn(data, 'config')),
 map((data) =&gt; data?.config),

Классы в рамках AngularJS

Ограничение

При наследование не корректно будет работать оператор instanceof
@Contextable("module") class A { }
@Contextable("module") class B extends A {}

const b = new B()

Drag-and-Drop (ng2-dnd)

Draggable

Directive: dnd-draggable

Inputs:

dragEnabled: boolean
dragData: any - The data that has to be dragged. It can be any JS object.

	import {
	BehaviorSubject,
	combineLatest,
	defaultIfEmpty,
	filter,
	iif,
	map,
	Observable,
	observeOn,
	of,

	/* eslint-disable @typescript-eslint/triple-slash-reference */
	/// <reference path="./types/input-keysym.d.ts" />
	/// <reference path="./types/input-utl.d.ts" />
	/// <reference path="./types/util-browser.d.ts" />
	/// <reference path="./types/rfb.d.ts" />

	import * as NovncBrowserUtils from '@novnc/novnc/core/util/browser';
	import * as NovncInputUtils from '@novnc/novnc/core/input/util';
	import NovncKeysym from '@novnc/novnc/core/input/keysym';
	import NovncClient from '@novnc/novnc/core/rfb';

	declare module '@novnc/novnc/core/input/keysym' {
	export default {
	XK_VoidSymbol: 0xffffff, /* Void symbol */

	XK_BackSpace: 0xff08, /* Back space, back char */
	XK_Tab: 0xff09,
	XK_Linefeed: 0xff0a, /* Linefeed, LF */
	XK_Clear: 0xff0b,
	XK_Return: 0xff0d, /* Return, enter */
	XK_Pause: 0xff13, /* Pause, hold */

	#NoEnv
	#SingleInstance force

	SetWinDelay, -1
	DetectHiddenWindows, on

	Menu, Tray, NoStandard
	; Menu, Tray, Icon, wt-tilda.ico
	Menu, Tray, Add, Exit, Exit

	; Config
	#Persistent
	#SingleInstance force

	; 200 wheel events per second rate
	#HotkeyInterval 1000
	#MaxHotkeysPerInterval 200

	DeactivateMenuItem := "Deactivate (Win + Shift + W)"
	EnableHScrollMenuItem := "Enable HScroll (Win + Shift + H)"

	class Observable {

	protected listeners: Map< any, Function > = new Map();

	constructor() {}

	public subscribe(listener: any, next: Function) {
	this.listeners.set(listener, next);
	}

	const cookieStorage = {

	get COOKIE() { return window.document.cookie; },
	set COOKIE(v: string) { window.document.cookie = v; },

	get ITEMS(): { [key: string]: string } {
	return this.COOKIE
	.split(/;\s*/)
	.filter(Boolean)
	.map(s => s.match(/^([^=]+)=(.*)$/))