离子AngularJS从外部按钮访问表单

Question

在我的模板中，我想从外部按钮保存表单。 我的问题是：该按钮不知道 form_connect 表单，因为它出现在 标记之后。

有我的模板：

<form name="form_connect">
    <input name="field" />
</form>
<ion-footer-bar align-title="left" class="bar-calm">
  <div class="buttons">
    <button ng-click="save(form_connect)" ng-show="form_connect.$valid">POST</button>
  </div>
</ion-footer-bar>

有办法做到这一点吗？

我无法将按钮放在 上，因为如果我这样做，离子页脚栏将不会定位在底部。

我已经尝试定义 $ scope.form_connect var以获取全局变量但它不起作用。

Answer 1

有一种方法可以通过$ scope对象访问表单。

第一种方法（不起作用）

就我而言，以下声明不允许我通过 form_connect 访问表单。 ：

$scope.form_connect;

一种工作方法

但是，我们可以在$ scope：

上定义 form_list 对象

$scope.form_list = {};

定义表格：

<form name="form_list.form_connect">

按钮可以访问以下形式：

<button ng-click="save(form_list.form_connect)" ng-show="form_list.form_connect.$valid">POST</button>

我希望它会对你有所帮助。