目前，我所有的角度材质 HTML 属性都以黄色突出显示，并带有 WebStorm 9 (Mac OS X Yosemite) 警告：“此处不允许使用属性 [名称]”。
如何教 WS 自动将这些属性识别为有效？我知道我可以将每个属性一个一个地添加到自定义属性列表中，但希望有更好的方法来做到这一点。
更新： 只是想澄清这个问题适用于Angular Material 项目，而不是AngularJS 本身。
【问题讨论】：
标签： webstorm
您需要将angular-material.js 文件添加为WebStorm 中的库：
Cmd+,，Win/Linux：Ctrl+Alt+S）转到Languages & Frameworks > JavaScript > Libraries
点击Add，然后按+图标
在您的node_modules 文件夹中查找angular-material.js
添加名称和版本，然后按Ok
现在，您将完成在 angular-material 源代码中具有 @ngdoc 文档的所有元素和属性。
并非所有功能都已正确记录，以下内容不会显示（除非您已经使用过它们），因为它们是在循环中动态定义的，没有@ngdoc 用于它们：
var API_WITH_VALUES = [ "layout", "flex", "flex-order", "flex-offset", "layout-align" ];
var API_NO_VALUES = [ "show", "hide", "layout-padding", "layout-margin" ];
因此，对于这些，您必须将它们添加为自定义属性（Alt+Enter >“将 flex 添加到自定义 html 属性”）。
在 Mac OS X 10.11.4 上使用 WebStorm 2016.1.1 进行测试，但这也适用于旧版本。
【讨论】：
show 指令的警告。它不应该。 编辑： 我现在看到 show 包含在重要说明中。但还有更多！
flex-md 这样的变体）。除了要求 Angular Material 人员为这些东西添加 \@ngDoc 之外，我们真的无能为力，但他们忙于 Material 2，没有时间做任何事情。只需将它们添加为自定义属性（属性上的 Alt+Enter）。
我正在使用PHPStorm，它是WebStorm 的姊妹项目，但它应该以相同的方式工作。
您可能需要添加库：
在此处添加 AngularJS
如果这不起作用，您可以手动添加它们：
按照以下步骤操作：
在右侧，您将在“自定义 HTML 标记属性”选项中看到。在此处输入您要允许的属性。
【讨论】：
我强烈推荐你安装Angular.js plugin:
该插件负责读取 ngMaterial 源中存在的 @ngdoc 注释并为其指令创建文档。
It seems to support WebStorm and other IDEs，但是在被其他 IDE 过滤时，我在插件注册表中找不到它。也许它会在 WebStorm 中工作......
无论如何，这就是你得到的：
【讨论】：
@ngdoc 注释并在您的HTML 中记录指令。我提供的屏幕截图中提供了一个示例。
bower_components 文件夹中。后者被标记为“图书馆之家”。看起来像在 ngMaterial JS 文件中定义为指令的属性被识别，但在 ngMaterial CSS 中定义的属性不是例如layout-fill、hide-sm 等。我猜这是因为 CSS 没有文档。感谢您的帮助。
您还有一个很有帮助的插件，请查看。很有帮助
Angular material v2, Teradata covalent v1, Angular flex layout v1 & Material icon live templates @Alex Ilyaev 提供的解决方案提供了很多帮助。
但它并不完美。
希望对你有帮助。
【讨论】：
目前我认为这个想法的 AngularJS 插件不理解 angular-materials 属性扩展。
它确实理解指令，即控制点击
现在您必须在自定义属性中添加属性才能获得“绿色”页面。
【讨论】：