Javascript 来自外部按钮的Ionic AngularJS访问表单

Javascript 来自外部按钮的Ionic AngularJS访问表单,javascript,angularjs,ionic-framework,ionic,Javascript,Angularjs,Ionic Framework,Ionic,在我的模板中,我想从外部按钮保存表单。 我的问题是:按钮不知道表单\u connect表单,因为它出现在标记之后 这是我的模板: <form name="form_connect"> <input name="field" /> </form> <ion-footer-bar align-title="left" class="bar-calm"> <div class="buttons"> <button n

在我的模板中,我想从外部按钮保存表单。 我的问题是:按钮不知道表单\u 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_connectvar以获取全局var,但它不起作用。

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

第一种方法(不起作用) 在我的情况下,以下语句不允许我通过form\u connect访问at form:

$scope.form_connect;
工作方法 但是,我们可以在$scope上定义一个表单列表对象:

$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>
POST

我希望它能帮助你

它们是否在相同的
$scope
?你能把它们放在同一个范围内吗?将它们包装在父div中?是的,我将它们放在同一个$scope中(因此是同一个控制器),我可以将它们包装在父div中。然后在
输入上需要有一个
ng模型
,以便将其放入
$scope
对象中
$scope.form_connect
不起作用,因为您没有告诉
$scope
对象。