jquery - browserLink の認識されない式

Question

「 browserLink 」 についていくつかの間違いがあります。以下を参照してください

<div ng-show="optList.editing && optList.BANKRUPT_FLG != 'Y' && (optList.OPT != 'TF' || (optList.OPT == 'TF' && optList.ONCESMART_ID == '-1'))">
  <input />
</div>

大丈夫です..

しかし

<div ng-show="optList.editing && optList.BANKRUPT_FLG != 'Y' && (optList.OPT != 'TF' || (optList.OPT == 'TF' && optList.ONCESMART_ID == '-1'))">
  <input type="text"/>
</div>

type="text"入力タグを追加すると、取得されます

不明なエラー: 構文エラー、認識できない式:

div:has(input[type='text'])[ng-show='optList.editing && optList.BANKRUPT_FLG != 'Y' && (optList.OPT != 'TF' || (optList.OPT == ' TF' && optList.ONCESMART_ID == '-1'))']

このエラーを解決する方法を教えてください。

参考までに: Google Chrome (48.0.2564.97) Microsoft
Visual Studio Professional 2015 (14.0.23107.156)
Web Essentials 2015.1 (1.0.203)

Answer 1

この問題を引き起こしている Browser Link のバグがあります。タグに ID 属性を追加することで回避できるはずです<div>。

Browser Link は、ページ内のタグを一意に識別しようとする jQuery 式を作成します。この場合、タグについて他に十分に一意でないため、ng-show 式を使用しようとしています。しかし、ng-show 式は、その目的には明らかに複雑すぎます。その理由で無視されるべきでしたが、どういうわけか、それを不適格にするべきだったチェックを破っています。

Browser Link は、一意の ID またはクラスが存在する場合は、それを使用します。それを提供することで、ng-show 属性を考慮しないようにすることができます。