在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>
相关推荐
ionic $ionicActionSheet 手机显示不正常 样式文件
ionic框架参考手册中文ionic框架参考手册中文ionic框架参考手册中文ionic框架参考手册中文ionic框架参考手册中文
ionic-timepicker-angular 基于ionic的时间插件(支持年月日时分) 首先需要ionic环境 cd ionic-timepicker-master ionic serve 能够查看效果 或者直接打开www文件夹下的index.html查看 依赖: stlib/timepicker/st-...
如果您还没有,请先安装最新的ionic2和cordova,我注意到先卸载我真正的cli:s是个好主意。 安装 $ npm uninstall -g ionic $ npm install -g ionic $ npm uninstall -g cordova $ npm install -g cordova 试用此...
找到刚刚安在本地的项目wechat_restaurant文件夹,删除除了node_modules文件夹以外的所有文件,复制从这里下载的所有文件到项目wechat_restaurant中 finally(最后): $ npm install $ npm install jquery $ ionic ...
因为网络上ionic的相关中文手册太少了,花了点时间粗略的翻译了下,基本上能用吧。以后有空再做精细点
ionic.bundle.js:26794 Error: [$injector:unpr] Unknown provider: $scopeProvider <- $scope <- DutylogService http://errors.angularjs.org/1.5.3/$injector/unpr?p0=...
ion-select-autocomplete是一个用于Ionic应用的单选或多选框。使用方法下载或者clone项目,并添加下面的代码[removed][removed]In JS$scope.optionList = [ { label: 'India', value: 'IND' }, {...
ionic 2 和 3 入门开发,需要先学习angular 2或以上。入门后,建议多看官方文档。
这是Ionic应用程序中Angular Dynamic Forms的实现。 您可以访问我们的以获取有关该项目的更多详细信息。 StackBlitz演示 观看现场! 入门应用 该应用程序基于Supermodular2 Ionic ,一个超级模块化Ionic 2.x入门应用...
ionic-sublime-plugin 支持sublime2、3版本
ionic 开发环境安装部署 ionic 开发入门 ionicframework开发入门
IonicLab 官方下载地址被墙了。
ionic 侧栏菜单 一个容器元素包含侧边菜单和主要内容。通过把主要内容区域从一边拖动到另一边,来让左侧或右侧的侧栏菜单进行切换。 效果图如下所示: 用法 要使用侧栏菜单,添加一个父元素,一个中间内容 ,和一...
这是一个封装好的ionic日期选择器,下载解压,点击date.html即可查看效果。
ionic3仿京东商城源码,非常好用的ionic3学习参考资料。
ionic2中使用echarts3
虽然我们建议使用ionic实用程序创建新的Ionic项目,但是您可以将此仓库用作下一个Ionic应用程序的准入门槛。 要按原样使用此项目,请首先从GitHub克隆存储库,然后运行: $ cd ionic-app-base $ sudo npm install ...
Ionic是移动应用的快速开发框架,基于Phonegap移动应用混合开发技术,本资料是收集网络上的资料进行整理,方便开发者在进行开发时查找对应的api和说明。
ionic-http-offline-cache 直接替换$ http。 它将缓存GET请求的响应,并在离线时返回它们 用法 只需将“ $ http”服务替换为“ httpOfflineCache”即可。 例子: angular . module ( 'starter' ) . controller ...