Ionic $scope中没有form对象

最新推荐文章于 2020-08-31 12:03:46 发布

原创最新推荐文章于 2020-08-31 12:03:46 发布 · 267 阅读

0 ·

CC 4.0 BY-SA版权

ionic 专栏收录该内容

16 篇文章

订阅专栏

本文详细介绍了在Ionic框架中如何正确地将form元素放置于<ion-content>外部，以确保在$scope中能够成功获取并操作form对象。通过实例演示了如何创建和配置登录表单，包括输入验证和按钮点击事件处理。

在ionic中 form需要定义在<ion-content>外面，否则在$scope中找不到form对象。

<ion-view >
<form name="loginForm" role="form">
<ion-content class="has-header has-footer">

<div class="list">
<div class="item item-borderless">

</div>
<div class="item item-input">
<label ng-class="{'has-error':loginForm.$submitted&&loginForm.userName.$invalid}">
<input type="text" name="userName" placeholder="姓名" ng-required>
</label>
</div>
<div class="item">

</div>
<div class="item item-borderless">
<button class="button button-block button-calm" ng-click="enter()">进入</button>
</div>
</div>

</ion-content>
</form>
</ion-view>