Manoplas Angulares em Chrome com OffiDocs

DESCRIÇÃO

Manoplas Angulares ajudam você a sujar as mãos.

Ele torna os componentes e provedores do seu aplicativo Angular acessíveis ao clicar em um elemento no painel de elementos do Chrome DevTools.

Como? Basta clicar em um elemento DOM no painel de elementos do DevTools, digitar uma das seguintes palavras-chave no console e pronto! - $component: clique em um elemento DOM referente a um componente Angular para acessar sua instância e brincar com ele.

- $context: exibe um contexto de elemento DOM, pode ser seu componente Angular pai, uma linha ngFor, etc.

- $scope: é igual a $component em componentes Angular ou $context em elementos filhos.

A melhor alternativa de AngularJS Batarang para Angular.

- $providers: obtenha a lista de todos os provedores instanciados em seu aplicativo Angular e brinque com eles (não suportado pelo Angular 9).

- $detectChanges(): aciona a detecção de alterações Angular para que suas alterações sejam aplicadas.

- log$(obs): registra o primeiro valor do observável fornecido.

Um pequeno extra: você pode obter uma prévia de todas essas informações na guia Angular do painel de elementos do DevTools.

Alternar entre elementos atualizará os dados imediatamente.

Informação adicional:

- Oferecido por yannickglt
- Avaliação média: 5 estrelas (adorei)
- Desenvolvedor Este endereço de e-mail está protegido contra spambots. Você deve habilitar o JavaScript para visualizá-lo.

Teia de manoplas angulares extension integrado com o OffiDocs Chromium online