Angular 2 and jade

[blacksails]

I have an issue which somewhat makes me unable to combine Angular 2 and jade.

The following jade code

input([(test1)]="test1" [(test2)]="test2")

translates into

<input [(test1)]="test2"/>

Does anyone know of a workaround?

[blacksails]

I found that it works as it should with the &attributes syntax:

input&attributes({"[(test1)]": "test1", "[(test2)]": "test2"})

But I really dislike that syntax. I am interested in a better alternative.

[TimothyGu]

You can either quote the attributes or use a comma:

input("[(test1)]"="test1" "[(test2)]"="test2")
input([(test1)]="test1", [(test2)]="test2")

Otherwise the attribute is interpreted as:

"test1" [(test2)]="test2"
("test1" [(test2)])="test2"
("test1"[test2]) = "test2"
"test2"

[blacksails]

@TimothyGu Ahh thanks alot!

[Rush]

I wonder, is it possible to improve the parser to support the good old spaces and no quoting with these new attributes?

[ganySA]

+1

[ForbesLindesay]

It isn't, because foo [bar] is a valid JavaScript expression. e.g. const foo = ['a'], bar = 0; console.log(foo [bar]); would log a.