ionic-framework 相关问题

Ionic是一个前端框架，用于使用Sass和Angular开发具有HTML的本机感混合移动应用程序。默认情况下，它运行在Cordova之上。

与我的离子按钮发生了一些争执。我想针对特殊情况定制它，以便：当它配置为链接时，就很清楚了。当用户将鼠标悬停时，会出现一条彩色下划线。什...

ionic-framework

回答 1 投票 0

我有一个多选复选框列表，如下所示。你能告诉我如何从组件（.ts）中选取所有选中的项目吗？ .html: 我有一个多选复选框列表，如下所示。你能告诉我如何从组件中选取所有选中的项目吗(.ts)？ .html: <ion-list> <ion-item *ngFor="let i of inputs"> <ion-label>{{i.display}}</ion-label> <ion-checkbox name="{{i.label}}" [(ngModel)]="i.checked"></ion-checkbox> </ion-item> </ion-list> .ts: this.inputs=[ { "encode": "1", "display": "en falls asleep without a caregiver in the room", "label": "uiFallsAsleepUnassistedBedTime", "checked": false }, { "encode": "2", "display": "During breastfeeding", "label": "uiBreastFeedBedTime", "checked": false }, { "encode": "3", "display": "Being rocked or held (in arms or baby sling/carrier)", "label": "uiSlingBedTime", "checked": false }, { "encode": "4", "display": "In motion (stroller, car, etc.)", "label": "uiInMotionBedTime", "checked": false }, ] OP 的反馈：下面的一个对我有用。 this.inputs.filter(opt => opt.checked).map(opt => opt.label); 原答案：我认为你应该将 i.checked 而不是 i. encode 绑定到 ion-checkbox。然后就可以使用Array.filter来获取选中的项目。 var inputs = [{ "encode": "1", "display": "en falls asleep without a caregiver in the room", "label": "uiFallsAsleepUnassistedBedTime", "checked": false }, { "encode": "2", "display": "During breastfeeding", "label": "uiBreastFeedBedTime", "checked": true }, { "encode": "3", "display": "Being rocked or held (in arms or baby sling/carrier)", "label": "uiSlingBedTime", "checked": false }, { "encode": "4", "display": "In motion (stroller, car, etc.)", "label": "uiInMotionBedTime", "checked": true }, ] console.log(inputs.filter(function(item){ return item.checked === true; })); 如果您有模型项状态检查变量，那么您可以添加到属性的绑定 <ion-checkbox name="{{i.label}}" [(ngModel)]="i.encode" [checked]="i.checked" (change)="change(i, $event)"></ion-checkbox> .ts代码： checked = []; change(item, event) { var index = this.inputs.map(i => i.encode).indexOf(item.encode); if(event.target.checked) { if(index === -1) { this.checked.push(item); } } else { if(index !== -1) { this.checked.splice(index, 1); } } }

angular typescript ionic-framework ionic2 ionic3

回答 2 投票 0

更改禁用离子按钮的颜色和不透明度？

我试图在禁用时对我的离子按钮进行一些控制。这就是我所在的地方： // 设置按钮颜色和文本颜色离子按钮[禁用] { --ion-color-base: var(--浅灰色) !

ionic-framework

回答 1 投票 0

“jwt_decode__WEBPACK_IMPORTED_MODULE_11__ 不是函数”尝试使用 jwt-decode npm 包解码令牌时出现离子/角度/电容器错误

我使用了 jwt-decode 包来解码收到的令牌。从“jwt-decode”导入*作为jwt_decode；收到有效令牌后，我们将其称为变量 tok。解码 tok...

angular ionic-framework npm angular2-services capacitor

回答 2 投票 0

如何调试“超出最大调用堆栈大小”之类的错误

我有一个离子/角度项目，我暂停了一段时间。我继续处理它，但控制台中出现错误。用户效果是10-15秒没有任何显示，然后我走了...