我在Angular中遇到一个问题,即能够从兄弟转换元素中获取对表单元素的引用。
HTML
<div modal-panel>
<modal-content>
<form name="myForm">
[...]
</form>
</modal-content>
<modal-buttons>
<button ng-click="foo()" ng-disabled="myForm.$invalid">Go</button>
</modal-buttons>
</div>
指令
function ModalPanelDirective() {
return {
restrict: 'A',
replace: true,
scope: {
[...]
},
transclude: {
buttons: "?modalButtons",
content: "modalContent"
},
link: function (scope,el,attr,ctrl,$transclude) {
[...]
},
templateUrl: 'modal-panel.html'
};
}
我的问题是该按钮上的ng-disabled
指令无法访问兄弟转换中定义的表单元素的myForm
变量,因此在表单无效时不会被禁用
如何在modal-content
部分中获取对我可以在我的转换modal-buttons
部分中使用的any[]
部分中的表单变量的引用?
请在绑定中承认此模态指令用于我的应用程序中没有表格的其他区域。