Angular syntax not working

[Jeremy]

I'm having extreme difficulty to add pug in my angular project as syntax seems to cause a lot of problem

My pug file contains this:

button.btn.btn-primary([disabled]="isdisabled()", (click)="play()") Create Prospect

And with pug-html-loader, this leads to this:

<button _ngcontent-c7="" class="btn btn-primary">Create Prospect</button>

As you can see, my disabled and click angular attributes are gone.

Am I missing something?

My webpack 2 config (Rails 4.2)

module.exports = {
  test: /\.pug$/,
  use: [
    {
      loader: 'raw-loader',
    },
    {
      loader: 'pug-html-loader',
    },
  ],
};

My angular 6 component loads the template like this

template: require('./myfile.pug')

pug-html-loader 1.1.5

What am I missing here?

[Jeremy]

/me jumped to conclusion too quickly... Angular2 hide those fields, so nothing to do with Pug. My bad