小编Mad*_*pop的帖子

如何使用ion-col设置响应的大型动态表数据

在这里我面临着一个与ion-col相关的问题,我将我的动态数据绑定到离子行并在离子列中显示数据,这里表格很大,它正在切断,下面不稳定的宽度是我的鳕鱼

<ion-grid class="contnr">
      <ion-row style="" class="grid-head">
        <ion-col width-40>
          Transaction
        </ion-col>
        <ion-col width-40>
          Count
        </ion-col>
        <ion-col width-40 >
         Overall  Gross Amount
        </ion-col>
        <ion-col width-40 >
          Overall Disc
        </ion-col>
        <ion-col  width-40>
          Overall Tax
        </ion-col >
        <ion-col  width-40>
         Overall ServiceTax
        </ion-col>
        <ion-col  width-40>
         Overall Charge
        </ion-col>
        <ion-col  width-40>
          Overall Net
        </ion-col>
      </ion-row>
      <ion-row *ngFor="let value of resultData" style="background:#eff0f1" class="cont-rows">

        <ion-col width-40>
          {{value.TransacType}}
        </ion-col>
        <ion-col width-40>
          {{value.Transactions}}
        </ion-col>
        <ion-col width-40>
          {{value.Count}}
        </ion-col>
        <ion-col width-40>
          {{value.OverallSales}}
        </ion-col>
        <ion-col width-40>
          {{value.Discount}}
        </ion-col>
        <ion-col width-40>
          {{value.OverallTax}}
        </ion-col> …
Run Code Online (Sandbox Code Playgroud)

typescript ionic-framework ionic2 ionic3 angular

6
推荐指数
1
解决办法
3397
查看次数

无法使用离子2执行谷歌加号登录ios

嗨,我在我的离子应用程序中应用社交登录方案,我应用谷歌签名选项,它与android完美合作,当我来到ios我得到以下错误

api键和bundle id一切都设置完好

ios谷歌加上错误

ios ionic-framework ionic2

5
推荐指数
1
解决办法
478
查看次数

如何显示带有角度下拉列表的动态表格以及如何将每一行推到另一个div

在这里,我得到以下动态数据

[
    { 
        id: 151, 
        name: 'Alan B. Shepard, Jr.', 
        job: 'Astronaut', 
        year_joined: 1959,
        missions: ['MR-3', 'Apollo 14']
    },
    { 
        id: 152, 
        name: 'Virgil I. Grissom', 
        job: 'Astronaut', 
        year_joined: 1959,
        missions: ['MR-4', 'Apollo 1']
    },
    { 
        id: 153, 
        name: 'John H. Glenn, Jr.', 
        job: 'Astronaut', 
        year_joined: 1959,
        missions: ['MA-6','STS-95']
    },
    { 
        id: 154, 
        name: 'M. Scott Carpenter', 
        job: 'Astronaut', 
        year_joined: 1959,
        missions: ['MA-7']
    }
];
Run Code Online (Sandbox Code Playgroud)

在这里我可以使用angular 2 在表中显示此动态数据,*ngFor但是在这里我面临的问题是:

  1. 如何在我的动态数据中的动态表中显示下拉列表,我想将“任务”字段显示为下拉列表,以便用户可以选择下拉列表。

  2. 目前我正在divOne中显示上面的动态表。如何将其推到divTwo中,我的意思是另一个Div在这里是空的,我想选择该行,或者我选择的哪一行我都希望将其发送到空div执行这些动作

以下是我的html代码:

<table class="table" *ngFor=let data of Table> …
Run Code Online (Sandbox Code Playgroud)

typescript ionic2 ionic3 angular

5
推荐指数
1
解决办法
1万
查看次数

如何使用 D3 在最后一个栏/项目的右端设置圆圈

现在我正在使用 d3 显示实时数据,这里我的要求是如何在右边缘的最后一个栏的末尾显示一个小圆圈,以及基于最后一个栏的数据我应该在下面显示是快照

在此处输入图片说明

下面是我的 js 小提琴:- https://jsfiddle.net/madpop143/5atLwk6h/10/

下面是我的代码

var margin = {
  top: 20,
  left: 20,
  right: 20,
  bottom: 20
};

var width = 750 - margin.left - margin.right;
var height = 750 - margin.top - margin.bottom;

var randomDate = function(start, end) {
  return new Date(start.getTime() + Math.random() * (end.getTime() - start.getTime()));
};

var data = d3.range(1000).map(function(d) {
  return {
    x: randomDate(new Date(2015, 0, 1), new Date(2015, 0, 20)),
    y: Math.random() * 10
  };
}).sort(function(a, b) {
  return a.x.getTime() - …
Run Code Online (Sandbox Code Playgroud)

javascript jquery d3.js

5
推荐指数
1
解决办法
172
查看次数

如何在 Angular Reactive 表单中根据条件以动态方式显示/隐藏字段

我的场景是我有 3 个用户

1. 管理员 将有 3 个字段电子邮件、名字、姓氏。

2. 员工将有 4 个字段:电子邮件、名字、姓氏、联系方式。

3. frontOffice将有 5 个字段 email、firstname、lastname、airlineDetails、vendor、personNames。

stackblitz 链接 -:https ://stackblitz.com/edit/angular-material-forms-deborahk-jgxzic

根据条件,我必须显示这些字段并根据此处将值设置为这些字段,我遵循了禁用字段的方法,如下所示

 this.userForm = new FormGroup({
      email : new FormControl(null, Validators.email),
      firstName : new FormControl(null, Validators.required),
      lastName : new FormControl(null, Validators.required),
      contact: new FormControl({value: '', disabled: false}, Validators.required),
      airlineDetails: new FormControl({value: '', disabled: false}, Validators.required),
      vendor: new FormControl({value: '', disabled: false}, Validators.required),
      personNames: new FormControl({value: '', disabled: false}, Validators.required)
    });

  if(this.userOne=="admin"){
        this.userForm.get('contact').disable();
        this.userForm.get(' airlineDetails').disable();
        this.userForm.get('vendor').disable();
        this.userForm.get('personNames').disable();
    } …
Run Code Online (Sandbox Code Playgroud)

javascript angular-material angular

5
推荐指数
1
解决办法
2万
查看次数

无法使用 microbundle 和 React 在自定义组件包中渲染 useState、useEffect 挂钩

您好,我正在尝试使用 React 18.2.0 和 Microbundle 创建一个示例库,虽然库构建成功,但是当它在客户端应用程序中使用时,我在控制台日志中收到以下错误:

错误

库源代码

下面是我的图书馆代码。

App.js

import './App.css';
import Dropdown from "./components/Dropdown";

function App() {
   
  let dropdown_data = ['Item 1', 'Item 2', 'Item 3'];

    return (
      <div className="dropdown">
         <Dropdown jsonData={dropdown_data} />
      </div>
  )
}

export default App;
Run Code Online (Sandbox Code Playgroud)

src/components/Dropdown.js

import React from "react";
import {useEffect, useState} from 'react';

export const Dropdown = (props) => {
    const [dropdown, setDropdown] = useState([]);
    useEffect(() => {
        loadData();
    }, []);
    const loadData = () => {
        setDropdown(props.jsonData);
    }
    return (
        <div className="dropdown"> …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-hooks use-state microbundle

5
推荐指数
1
解决办法
1345
查看次数

如何使用react.js在使用或不使用插件的情况下实现水平和垂直拖放?

我正在尝试使用表单上的功能来使用拖动重新排序字段,我必须从上到下、从下到上、从左到右和从右到左重新排序字段的位置(单个元素) 。

我面临的问题是我已将字段划分为单独的组件,例如dropdown.jsxradio.jsx,并且我无法将状态从子级提升到父级。另外,有什么方法可以水平和垂直应用拖动功能(任何插件或...)?

javascript drag-and-drop reactjs

5
推荐指数
1
解决办法
4265
查看次数

存储购物车数据的更好方法是什么?

我将使用cordova & js、jquery for android & ios开发一个购物车移动应用程序,我真的很困惑在添加cookies或会话或本地存储等任何建议时在哪里存储购物车数据?以及如何维护会话以便我可以实现应用程序的自动登录?

javascript cordova

4
推荐指数
1
解决办法
3199
查看次数

如何在 Angular 中满足条件时运行和停止订阅中的间隔方法

这里我有一个疑问,如何在订阅中调用间隔方法并在满足条件后停止它

下面是我的代码

主要订阅方式

this.authservice.getdata().subscribe(response => {
   console.log(res)

   // Polling method
    
    SetInterval(()=>{
     this.getInterval();
   },5000)

})
Run Code Online (Sandbox Code Playgroud)

间隔法:

getInterval(){
  this.authservice.getIntervalData().subscribe(resp => {
    console.log(resp)
   this.responseStatus = resp
  })
}
Run Code Online (Sandbox Code Playgroud)

在响应中它给出了 3 种类型的响应

继续

停止

终止

因此,在这里我需要在 Main 订阅方法中调用 getInterval() ,直到 GetInterval 给我 Proceed 作为响应,或者直到轮询后 1 分钟,我已经设置了运行间隔,如果满足这两个条件之一,我必须停止轮询。

注意:如果主订阅在成功时给出响应,那么我不需要轮询主订阅方法,那么只有我开始此轮询

更新: 下面的方法有效,但这里我需要两件事

  1. 如何设置变量并将响应存储在其中

  2. 我如何根据res设置布尔变量,就像响应来了一样

    this.content =true 同样明智

    因为当我尝试在 switchMap 中设置变量时,它不接受

    this.authservice.getdata().pipe( switchMap(resp => timer(0, 5000).pipe( // 需要将此响应存储在全局变量中,以便可以用于进一步 switchMap(t => this.authservice .getIntervalData( <第一个响应参数> ).pipe( map(data => [data, t]))) takeWhile(([data, t]) => data !== 'TERMINATE' && t < 12), …

javascript rxjs angular angular-httpclient

1
推荐指数
1
解决办法
2473
查看次数