AngularJS转换范围表单元素

时间:2017-03-13 17:36:58

标签: javascript angularjs angularjs-directive angularjs-scope angularjs-ng-transclude

我在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[]部分中的表单变量的引用?

请在绑定中承认此模态指令用于我的应用程序中没有表格的其他区域。

0 个答案:

没有答案