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" 时，我会得到

Uncaught Error: Syntax error, unrecognized expression:

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

谁能告诉我，如何解决这个错误？

仅供引用:谷歌浏览器 (48.0.2564.97)
微软 Visual Studio 专业版 2015 (14.0.23107.156)
Web Essentials 2015.1 (1.0.203)

Answer 1

浏览器链接中存在导致此问题的错误。您应该能够通过将 ID 属性添加到 <div> 来解决它标签。

Browser Link 创建 jQuery 表达式来尝试唯一标识页面中的标签。在本例中，它尝试使用 ng-show 表达式，因为关于标签的其他内容都不够独特。但是 ng-show 表达式对于这个目的来说显然太复杂了。由于这个原因，它应该被忽略，但不知何故，它击败了本应取消它资格的支票。

Browser Link 宁愿使用唯一的 ID 或类(如果存在的话)。通过提供它，您可以防止它考虑 ng-show 属性。