ionic 的表单输入ion-input双向绑定失效

最新推荐文章于 2023-05-22 10:54:19 发布
最新推荐文章于 2023-05-22 10:54:19 发布
阅读量1k 收藏
点赞数
分类专栏： Ionic3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ilovedogys/article/details/102740471
版权

ionic 的表单输入ion-input双向绑定失效

<ion-list class="photo-list" *ngIf="isTakePhoto">
<ion-item>
  <ion-input class="text-content" type="text" placeholder="请输入关键字" [(ngModel)]="title"></ion-input>
</ion-item>

改为

<ion-list class="photo-list" *ngIf="isTakePhoto">
<ion-item>
  <ion-input class="text-content" type="text" placeholder="请输入关键字" [(ngModel)]="title" [value]="title"></ion-input>
</ion-item>

则生效。由于被ngif包裹  ngmodel失效，增加[value]=

ilovedogys
关注
专栏目录
Ionic ion-nav-view使用整理
天马3798
02-17 4748
一、ion-nav-title标题栏文字居中和绑定 1.ion-nav-bar设置居中 2.绑定title内容
ionic3 双向数据绑定失效 脏值检测失效
weixin_30436101的博客
11-30 136
最近在使用ionic3过程中,使用了eval()方法进行字符串拼接成一个function使用 在eval()方法中,只能使用局部变量,全局变量无法使用,ionic3的this在eval中失效(undefined) 同时,在eval()方法拼接起来的function中,调用自定义的function,同样也无法使用this(全局变量) 因为eval()方法,ionic3的脏值检测失效,当this...
ionic3 list进入detail,detail页面数据无法双向绑定
strong90的博客
12-27 1179
1.导入ChangeDetectorRef [javascript] view plain copy import { ChangeDetectorRef } from '@angular/core';   2.声明 [javascript] view plain copy constru
ionic4 双向绑定
沉睡的博客
09-23 164
1、input双向绑定 <inputclass='margin-left-xs'placeholder="发表想法"type="text"[value]="content"(input)="content=$event.target.value"/> content='1111'; submit(){ console.log(this.c...
angularjs input使用ng-model双向绑定无效问题
Spearmint_的博客
10-09 3555
在开发中有时在input上使用ng-model进行双向绑定时一直不生效的问题 <input type="type" ng-model="inputText"/> $scope.inputText = 123; console.log($scope.inputText) //undefined 而修改变量为 <input type="type" ng-model="m...
ionic 双向数据绑定
qq_24909149的博客
03-15 399
ionic
ionicSlideboxExample:Ionic Frameworks 的 ion-slide-box AngularJS 指令示例
07-04
在本文中，我们将深入探讨Ionic Framework中的`ion-slide-box`指令，这是一个强大的组件，用于创建滑动内容区域，常用于创建轮播、教程或产品展示等。`ion-slide-box`是基于AngularJS的一个指令，它使得在移动应用中...
ionic配合ion-nav-bar的导航右侧按钮指令
07-07
ionic1 嵌套路由，用ion-nav-bar和ion-view来实现页面回退，导致不能个性化的设置导航右侧按钮，这个指令基于angular1实现个性化定制右侧按钮，
ionic组件ion-tabs选项卡切换效果实例
09-01
在本文中，我们将深入探讨Ionic框架中的`ion-tabs`组件，以及如何实现选项卡切换效果。`ion-tabs`是Ionic中的核心组件之一，用于构建多页面应用中的导航结构，允许用户在不同的页面间轻松切换。它与AngularJS的UI ...
【Ionic】ion-radio-group(单选框数据显示与选中编辑)
Seven
07-07 1884
单选框数据选中编辑效果展示前情提要界面搭建数据方法 效果展示 前情提要 前端：Ionic 需求：希望对创建的头脑风暴进行分组，故增加了一个分组选项，该选项可以从当前已有的分组中进行选择，也可以直接创建出新的分组 界面搭建 <!--标题--> <ion-header> <ion-toolbar class="toolbarback"> <ion-...
解决angular双向绑定无效果,ng-model不能正常显示的问题
10-17
今天小编就为大家分享一篇解决angular双向绑定无效果,ng-model不能正常显示的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
ionic3 输入框获取值的方法
ColourfulTiger的博客
10-22 2543
在使用ionic的时候，会发现有些方法和用html来开发还是有一点区别的，在获取input框内的数据方式有2种，具体见一下代码。 1、使用#变量名的方式      注意函数的传值，以及参数类型，获取值的语句。     这种方式是HTMLInputElement，故获取到的值不是一个纯粹的值，而是一个输入的对象元素，需要进一步通username.value 来获取我们需要的输入框内的内容。 ...
ionic 获取input的值
weixin_30493321的博客
09-03 194
1、参数传递法 例子：获取input框内容 这里有个独特的地方，直接在input处使用#定义参数的name值，注意在ts中参数的类型 在html页面中　　 <ion-input type="text" placeholder="请输入账号" #username></ion-input> 　　<ion-input type="password"...
ionic4 ion-input获取焦点后自动选中输入框内容
F_satr的博客
02-19 362
html ionFocus获取焦点 <ion-input type="number" [(ngModel)]="form.mtr_tatol" (ionFocus)="autoChoose($event)" placeholder="请输入抽检数"> </ion-input> ts autoChoose(e) { //获取焦点后自动选中输入框内容 e.target.firstElementChild.select(); } ...
Angular无法使用[(ngModel)]解决方法
u010328533的博客
10-19 1196
Angular无法使用[(ngModel)]解决方法 https://blog.csdn.net/Crazy_Sakura/article/details/88569993
Angular中使用ionic组件
Tonghanhan的博客
05-22 923
在项目的编写中除了使用ng-zorro组件来绘制pc端界面，同样可以使用ionic来绘制简单的移动端界面。此文章则是对一些简单的ionic的组件进行使用一、ion-input组件使用常用作登录以及一些表单的使用，与ion-list结合使用。注意:在项目中使用ionic自带的例子时，在ion-input上添加label不起效果。需重新设置ion-label标签来表示。如以下例子，在angular项目中不能起到效果应该使用如下方法，以下是常用的几种input框
郁闷!ionic中获取ng-model绑定的值为undefined如何解决
方全的专栏
03-08 1367
http://www.jb51.net/article/91380.htm 今天在ionic中使用ng-model时候，在对应的controller里面获得值为undefined。以前在使用angularjs的ng-model绑定时候就可以拿到的啊，这就尴尬了，决定一探究竟。大家先看下面的一个demo。 在学习angularjs的ng-model的数据双向绑定时候，我们通过以下的代
记一次ng-model双向绑定无效的问题
Saamao的博客
06-13 2068
&lt;input type="email" ng-model="$parent.email" class="form-control"&gt;    项目中双向绑定无效，换成type="text"可以了，坑死！
ionic侧边栏 ion-side-menus 以及 ion-tap结合侧边 栏详解
最新发布
05-30
ion-side-menus是Ionic中用于创建侧边栏的指令，它提供了多个选项来控制侧边栏的外观和功能。 要使用ion-side-menus指令，需要在HTML中创建一个包含ion-side-menus指令的容器元素。然后，在容器中定义一个ion-side-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值