使用 Angular UI Bootstrap 避免 Visual Studio 验证错误答案

【问题标题】：Avoiding Visual Studio validation errors with Angular UI Bootstrap使用 Angular UI Bootstrap 避免 Visual Studio 验证错误
【发布时间】：2015-09-25 03:00:46
【问题描述】：

Angular UI Bootstrap 引入了几个新的 HTML 标签，例如accordion 和accordion-group。 Angular 在教浏览器使用这些新技巧方面做得很好。

但是我如何教 Visual Studio 不要抱怨未知元素？也许有一种方法可以告诉 Visual Studio 有关标签的信息，或者一种编写不使用非标准标签的 HTML 的方法。

【问题讨论】：

标签： visual-studio-2013 angular-ui html5-validation

【解决方案1】：

ui-bootstrap 的所有指令都使用 A 作为 E 旁边的限制值。

所以你可以这样做<div accordion-group></div>

【讨论】：

如果有人想知道 A 和 E 的内容是什么，请参阅 $compile 的 restrict 属性。
如果 Visual Studio 抱怨属性（例如accordion），您可以在它们前面加上data-（例如data-accordion）。

【解决方案2】：

Visual Studio 2013 Update 4 删除了验证，但它不包括 IntelliSense for AngularJS。

支持自定义元素、聚合物元素和属性

我们不再为自定义元素验证未知属性将有许多不同框架中的定制标签。所以会有不再是未知元素下的曲线。

——Announcing new Web Features in Visual Studio 2013 Update 4 RC

下载Visual Studio 2013 Update 4。

验证仅在 HTML 编辑器中被删除，而不是 HTML（Web 表单）编辑器。这意味着，默认情况下，.html 文件不会有自定义元素验证，但 .aspx 页面会有。如果您像我一样认为这没有道理，请投票支持custom elements in .aspx files。

【讨论】：

【解决方案3】：

另一种解决方法（如果您不想更改编写 Angular.js 代码的方式）是完全禁用 Visual Studio 的 HTML 验证：

打开工具 → 选项 → HTML（Web 表单） → 验证。取消选中显示错误。点击确定。

【讨论】：

【解决方案4】：

我未选中 HTML 验证的显示错误。这可能不适用于所有人，因为这不是 angularjs 特定的，但它确实消除了验证错误。

【讨论】：