Ionic AngularJS 从外部按钮访问表单
Ionic AngularJS access form from external button
在我的模板中,我想通过外部按钮保存一个表单。
我的问题是:按钮不知道 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>
有办法吗?
我无法将按钮放在 上,因为如果我这样做,ion-footer-bar 将不会定位在底部。
我已经尝试定义一个 $scope.form_connect 变量以获得全局变量,但它不起作用。
有一种方法可以通过 $scope 对象访问表单。
第一种方法(无效)
就我而言,以下语句无法让我通过 form_connect 访问 at 表单。 :
$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>
希望对您有所帮助。
在我的模板中,我想通过外部按钮保存一个表单。 我的问题是:按钮不知道 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>
有办法吗?
我无法将按钮放在 上,因为如果我这样做,ion-footer-bar 将不会定位在底部。
我已经尝试定义一个 $scope.form_connect 变量以获得全局变量,但它不起作用。
有一种方法可以通过 $scope 对象访问表单。
第一种方法(无效)
就我而言,以下语句无法让我通过 form_connect 访问 at 表单。 :
$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>
希望对您有所帮助。