Estou tendo uma imensa dificuldade de aplicar Javascript no meu projeto Angular, eu acertei na configuração para conectar o javascript no projeto, mas vamos lá...
Esse é o arquivo Javascript;
var Brewer = Brewer || {};
Brewer.MascaraCpfCnpj = (function() {
function MascaraCpfCnpj() {
this.radioTipoPessoa = $('.js-radio-tipo-pessoa');
}
MascaraCpfCnpj.prototype.iniciar = function() {
this.radioTipoPessoa.on('change', onTipoPessoaAlterado.bind(this));
}
function onTipoPessoaAlterado(evento) {
console.log('evento', evento);
}
return MascaraCpfCnpj;
}());
$(function() {
var mascaraCpfCnpj = new Brewer.MascaraCpfCnpj();
mascaraCpfCnpj.iniciar();
});
E esse é o trecho do arquivo Javascript que foi aplicado o evento;
<div class="ui-g-12 ui-lg-3 ui-md-6 ui-fluid">
<label for="id_FISICA">Tipo de Pessoa Física</label>
<div class="radio">
<p-radioButton class="js-radio-tipo-pessoa" name="group1" value="Física" id="id_FISICA" [(ngModel)]="tipo" inputId="tipo"></p-radioButton>
</div>
</div>
<div class="ui-g-12 ui-lg-3 ui-md-6 ui-fluid">
<label for="id_JURIDICA">Tipo de Pessoa Júridica</label>
<div class="radio">
<p-radioButton class="js-radio-tipo-pessoa" name="group1" value="Juridica" id="id_JURIDICA" [(ngModel)]="tipo" inputId="tipo"></p-radioButton>
</div>
</div>
Era para aparecer alguma coisa no console do navegador ao clicar no radioButton, mas não aparece absolutamente nada, nada mesmo.
Estou aberto a sugestões