`

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

 

分享到:
评论

相关推荐

    ionic $ionicActionSheet 手机显示不正常 样式文件

    ionic $ionicActionSheet 手机显示不正常 样式文件

    ionic框架参考手册中文

    在本参考手册中,您将找到关于 Ionic 的核心概念、组件、服务和插件的详细信息。以下是一些关键知识点的概述: 1. **离子(Ion)组件**:Ionic的核心在于其丰富的UI组件库,包括导航栏(Navbar)、侧滑菜单(Sidebar)...

    ionic中文文档1_3

    在 "ionic中文文档1_3" 中,你可能还会发现有关状态管理的信息,如使用 AngularJS 的 `$stateProvider` 和 `$urlRouterProvider` 实现路由管理,或者如何利用 `ngStorage` 或 `ionic-angular` 中的 `$ionicHistory` ...

    ionic-timepicker:基于Ionic的时间插件

    ionic-timepicker-angular 基于ionic的时间插件(支持年月日时分) 首先需要ionic环境 cd ionic-timepicker-master ionic serve 能够查看效果 或者直接打开www文件夹下的index.html查看 依赖: stlib/timepicker/st-...

    Ionic日期选择插件

    在 Ionic 中,经常需要与用户交互处理日期和时间,这就需要用到日期选择插件。本篇文章将详细探讨 Ionic 日期选择插件的相关知识点。 首先,我们要理解的是 Ionic 的 UI 组件库并未内置一个完整的日期选择器,因此...

    ionic项目应用requireJs前端模块化 示例

    在本文中,我们将深入探讨如何在 Ionic 项目中利用 RequireJS 进行前端模块化开发。RequireJS 是一个流行的 JavaScript 模块加载器和构建工具,它使得代码组织更加有序,便于维护和优化。Ionic 是一个基于 AngularJS...

    ionic sublime 2/3 提示插件 ionic-sublime-plugin

    总的来说,"ionic-sublime-plugin"是专为提升Ionic开发效率而设计的一款强大工具,通过其丰富的特性,可以帮助开发者更高效地构建和维护Ionic项目,是Sublime Text用户在开发过程中不可或缺的伙伴。如果你是Ionic的...

    ionic+angular的PDF

    在 "AngularJS by Example(PACKT,2015)" 这本书中,你将深入理解 AngularJS 的核心概念,包括 MVC 架构、脏检查机制、$scope、指令、过滤器和服务等。虽然这本书主要关注的是 AngularJS 1.x,但许多基础概念和原理在...

    ionic+Angular+Cordova初学者文档

    "20 ionic动态组件 $ionicModal $ionicActionSheet $ionicPopup $ionicPopover $ionicLoading.pdf"介绍了ionic中的动态组件,如模态对话框、动作表、弹出框和加载提示,这些都是构建用户交互界面时不可或缺的部分。...

    ionic-datepicker-oysq

    "ionic-datepicker-oysq"是一个专为Ionic框架设计的日期选择器插件,它使得在Ionic应用中集成日期选择功能变得更加简单和高效。 Ionic是一款基于AngularJS的开源框架,用于构建跨平台的混合移动应用。它提供了丰富...

    IonicLab 安装包 ionic开发工具

    **正文** IonicLab是一款强大的移动应用开发平台,专为基于Ionic框架构建混合移动...尽管面临下载困难,但只要按照正确的步骤操作,开发者依然能够顺利地将IonicLab集成到自己的开发环境中,从而提升开发效率和质量。

    ionic2 new demo

    通过深入研究"Ionic2 new demo",你将不仅能够理解`Ionic2`的基本架构,还能掌握实际开发中的技巧和最佳实践,为构建自己的`Ionic2`应用打下坚实基础。同时,这也会有助于提升你对TypeScript、Angular和移动开发的...

    ionic实现下拉刷新载入数据功能

    在移动应用开发中,`Ionic`框架提供了一个强大的特性,即下拉刷新(`Pull-to-Refresh`)和上拉加载更多(`Infinite Scroll`),这些功能可以让用户在浏览内容时更加流畅地获取新数据。本文将深入讲解如何在`Ionic`项目中...

    ionic2-camera-demo:在ionic2应用程序中使用Cordova Camera的示例

    如果您还没有,请先安装最新的ionic2和cordova,我注意到先卸载我真正的cli:s是个好主意。 安装 $ npm uninstall -g ionic $ npm install -g ionic $ npm uninstall -g cordova $ npm install -g cordova 试用此...

    ionic-requirejs实例

    在本文中,我们将深入探讨如何将Ionic框架与RequireJS结合使用,实现项目的模块化管理。Ionic是一个基于AngularJS构建移动应用的开源框架,而RequireJS则是一个JavaScript模块加载器,它使得JavaScript代码能够遵循...

    angular+ionic 的app上拉加载更新数据实现方法

    在移动应用开发中,Angular和Ionic框架的组合提供了强大的工具来构建高性能、跨平台的应用程序。本文将深入探讨如何在Angular和Ionic应用中实现上拉加载更多数据的功能,这对于处理大量动态数据流的应用来说非常实用...

    郁闷!ionic中获取ng-model绑定的值为undefined如何解决

    在`demo2`中,`&lt;ion-view view-title="Chats"&gt;`,`ng-model="name"`被定义在`ChatsCtrl`的视图内,但`ChatsCtrl`中却无法直接访问到`name`,因为`ng-model`的作用域并没有包含在该控制器的 `$scope` 中。 原因在于...

    ionic购物商城demo源码

    在"ionic购物商城demo源码"中,我们可以看到以下几个关键知识点: 1. **Ionic基本架构**:Ionic基于Angular框架,因此,理解Angular的基本概念,如组件、服务、依赖注入等,是构建Ionic应用的基础。同时,Ionic还...

    ionic2开发的仿外卖点餐系统(Ionic2+Angular2...包含CSS3飞入购物车效果和各种组件用法)

    找到刚刚安在本地的项目wechat_restaurant文件夹,删除除了node_modules文件夹以外的所有文件,复制从这里下载的所有文件到项目wechat_restaurant中 finally(最后): $ npm install $ npm install jquery $ ionic ...

Global site tag (gtag.js) - Google Analytics