Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Exemplo extra aula 7 - Modal dando erro

Senhores,

após fazer tudo que foi indicado pela lição de criar um modal para remoção do item via modal, estou com o seguinte erro:

http://localhost:3000/app/listagem/listagem.component.html:31:12 caused by: $(...).dialog is not a function

Essa linha se refere componente modal.component.ts, na linha:

ngAfterViewInit() {

$(this._element.nativeElement).dialog({

Nesse ponto, o zip da aula esta errado com referência "this.element" ao invés de "this._element"

Já fiz o caminho de baixar o projeto completo que tem no final da aula e ela também tem o mesmo erro. Até esse ponto, 100% do código estava rodando normalmente. Olhei tudo que podia, dei alert no objeto this._element.nativeElement. É um objeto válido mas não tem a propriedade dialog.

Poderiam me ajudar? Tenho certeza que trata-se de uma coisa à toa.

3 respostas

O script do jquery ui foi carregado depois do script do jquery? Fica tranquilo que vamos descobrir.

sim. fiz o seguinte carregamento no index.html:

solução!

Flávio,

descobri o que era:

faltou importar um js que ficou perdido nas minhas anotações:

script src="node_modules/jqueryui-browser/ui/jquery-ui.js"

Agora tudo funcionando. Obrigado