VSCode Emmet: specified the attribute as [(ngModel)], but in the output, it came as [(ngModel}] with a closing brace instead of a parenthesis

[adimittal]

Does this issue occur when all extensions are disabled?: No, but I can't find Emmet in the Help > Report Issue > Extensions because Emmet, I believe is included with VSCode itself.

• VS Code Version: Version: 1.74.3 (Universal)
• OS Version: MacOS Big Sur

Steps to Reproduce:

1. Create a snippets.json with the following on your computer:
   { "html": { "snippets": { "input": "div.input>label.form-label+input[[(ngModel)] type='text' name id title]/br" } } }
2. Open the VS Code settings (Code → Preferences → Settings) and search for “Emmet Extensions Path”
3. Click “Add Item,” enter the folder path where you’ve saved the snippets.json file, and press “OK”
4. In VSCode editor, use Emmet to auto complete an input tag
5. The output you get will be:
   `
   
   
   <input [(ngModel}]="" type="text" name="" id="" title="">
   
   

`

So, the bug is that we specified the attribute as [(ngModel)], but in the output, it came as [(ngModel}] with a closing brace instead of a parenthesis.

[rzhao271]

Related repro steps:

1. In an HTML file, type div[(hello)] and try to expand it.
2. 🐛 Nothing happens.

Even div[[[[hello]]]] works.

[rzhao271]

Filed an upstream issue: emmetio/emmet#721