在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>
<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>
相关推荐
在移动应用开发中，Angular和Ionic框架的组合提供了强大的工具来构建高性能、跨平台的应用程序。本文将深入探讨如何在Angular和Ionic应用中实现上拉加载更多数据的功能，这对于处理大量动态数据流的应用来说非常实用...
如果没有特别的类型检查，可以直接调用`$scope.search()`函数来进行搜索操作。 在实际应用中，`$scope.search()`可能包含对查询字符串（`$scope.query`）的处理，如数据过滤、API调用等。确保在该函数中进行适当的...
ionic 自定义弹框效果是指在ionic框架中，使用$ionicPopup服务来实现自定义弹框效果的技术。这种技术可以使开发者能够自由地设计和实现各种弹框效果，从而满足不同的需求和场景。 二、ionic 自定义弹框效果的优点 ...
在 Ionic 框架中，`ion-tabs` 是一个非常有用的组件，用于创建一个多选项卡的应用界面。然而，在某些场景下，我们可能需要在特定页面或者特定条件下隐藏这些选项卡。本篇文章将详细介绍如何在 Ionic 应用中实现这一...
10. **Scope**：Scope 是应用中的模型，它是连接控制器和视图的桥梁，具有事件监听和发布的能力。 11. **表达式** (Expressions)：AngularJS 的表达式允许在HTML中嵌入JavaScript代码，直接计算和显示模型的值。 ...
在Android应用开发中，特别是在使用诸如Ionic这样的混合移动框架时，常常会遇到用户交互时触发多个事件的问题。这里的问题是，当用户点击拍照按钮时，不仅执行了`getPhoto()`函数，还意外触发了表单的`ng-submit`...