angularjs - 使用自动关闭标签时不显示AngularJS元素指令

Question

我的html文件指令中有

<add />
<back />

指令在表格上

.directive('add', ['$window', ...

和

.directive('back', ['$window', 

这很好。

如果我将指令更改为驼峰式:

.directive('addPlayer', ['$window', ...

<add_player />
<back />

和

<add:player />
<back />

显示良好，而

<add-player />  regular dash
<back />

仅显示<add-player>，之后的所有内容均不显示。

有什么想法吗？

编辑:

我在这里有相同的行为

http://plnkr.co/edit/cpP4c2TyZwv5Y4BrNUBb?p=preview

Answer 1

为了解决您的问题，我引用AngularJS团队的官方声明:(原文如此)

self-closing or void elements as the html spec defines them are very special to the browser parser. you can't make your own, so for your custom elements you have to stick to non-void elements (<foo></foo>).

this can't be changed in angular.

- IgorMinar

来源:https://github.com/angular/angular.js/issues/1953#issuecomment-13135021
按照AngularJS issue's page上的其余讨论，他们讨论使用XHTML传递带有浏览器可接受的自关闭标签的内容的可能性。但是请注意，AngularJS不完全支持它。