Criar diretiva para executar função de biblioteca importada

Estou criando uma SPA em Angular que utiliza uma biblioteca JS externa. Já importei todos os arquivos necessários mas gostaria de ajuda para criar diretivas e seviços que executem o código importado. Exemplo: Desejo criar um botão que execute a função OIDC.login(). Em Vanilla JS, seria assim:

<button onClick="OIDC.login( {scope : 'openid profile email',
        response_type : 'token id_token'} );"
        type="button" class="btn btn-success" >Authenticate</button>

Gostaria de criar um diretiva loginButton que executasse essa mesma função mas que recebesse o parâmetro JSON como atributo:

<login-button
reqoptions = {scope : 'openid profile email',
response_type : 'token id_token'} 
label = "Authenticate">
</login-button>

Qual a melhor maneira de fazer isso?