Javascript 当通过'link'属性进行动态更改时，angular指令无法正常工作

我创建了一个自定义指令。然后我试图通过

链接
属性向其中添加一个提交按钮。但“提交”按钮不起作用。

另一方面，通过
模板
属性添加的提交按钮工作正常


角度模块（“应用程序”，[]）
.directive（“mydir”[“$compile”，函数（$compile）{
返回{
限制：'E'，
模板：“”
+ '    '
+ '',
链接：函数（范围、元素、属性）{
元素。追加（“”）；
},
控制器：['$scope'，函数（$scope）{
$scope.submitMe=函数（）{
窗口警报（“已提交”）；
}
}]
};
}]);
您在
表单
元素外部添加了
按钮
，该按钮不会触发表单
提交

事件，因为它位于

表单

元素外部

按钮

元素应位于表单元素内部，然后仅单击

表单

的提交

按钮

将触发提交

代码

element.find('form').append('<input type="submit" />');

element.find（'form'）.append（''）；