在AngularJS

Question

我对使用bootstrap模式有一些疑问。

首先，对不起我的英语技能，也许有一些问题需要理解我的问题。

我创建了一个directive按钮，动态添加参考下面的链接。

Angularjs dynamically adding and removing elements using directive

http://jsfiddle.net/Stepan_Kasyanenko/4ktmvzcm/1/

^^^^^以上链接正是我所咨询的内容。

我的问题就在于这个小提琴。

https://jsfiddle.net/CRDeity/6kmszgL0/

当我把它放到modal时，即使我点击它，它也不起作用。

如果在modal之外，这很有效。

event的{​​{1}}是否有任何中断？

Answer 1

我可以给你解决方案。

检查这个小提琴。

Directive have to use snake-case

使用指令时，您必须使用snake-case来考虑-。

<button add-item-line class="btn btn-info btn-lg">
    Add list
</button>

Answer 2

您的指令未正确声明。 Angular使用属性规范化将指令链接到元素，因为HTML不区分大小写，而JavaScript区分大小写。 （有关详细信息，请参阅Matching Directives）。如果没有这种规范化，指令'addItemLine'和'additemline'将完全相同。

在HTML中，您使用Dash Delimited名称，这些名称将转换为与Camel Case等效的名称。因此，要达到'addItemLine'指令，您需要add-item-line属性。

<button add-item-line class="btn btn-info btn-lg">

示例的工作版本：https://jsfiddle.net/bLanoznz/