在这里我面临着一个与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) 在这里,我得到以下动态数据
[
{
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但是在这里我面临的问题是:
如何在我的动态数据中的动态表中显示下拉列表,我想将“任务”字段显示为下拉列表,以便用户可以选择下拉列表。
目前我正在divOne中显示上面的动态表。如何将其推到divTwo中,我的意思是另一个Div在这里是空的,我想选择该行,或者我选择的哪一行我都希望将其发送到空div执行这些动作
以下是我的html代码:
<table class="table" *ngFor=let data of Table> …Run Code Online (Sandbox Code Playgroud) 现在我正在使用 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) 我的场景是我有 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) 您好,我正在尝试使用 React 18.2.0 和 Microbundle 创建一个示例库,虽然库构建成功,但是当它在客户端应用程序中使用时,我在控制台日志中收到以下错误:
下面是我的图书馆代码。
App.jsimport './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.jsimport 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) 我正在尝试使用表单上的功能来使用拖动重新排序字段,我必须从上到下、从下到上、从左到右和从右到左重新排序字段的位置(单个元素) 。
我面临的问题是我已将字段划分为单独的组件,例如dropdown.jsx、radio.jsx,并且我无法将状态从子级提升到父级。另外,有什么方法可以水平和垂直应用拖动功能(任何插件或...)?
我将使用cordova & js、jquery for android & ios开发一个购物车移动应用程序,我真的很困惑在添加cookies或会话或本地存储等任何建议时在哪里存储购物车数据?以及如何维护会话以便我可以实现应用程序的自动登录?
这里我有一个疑问,如何在订阅中调用间隔方法并在满足条件后停止它
下面是我的代码
主要订阅方式
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 分钟,我已经设置了运行间隔,如果满足这两个条件之一,我必须停止轮询。
注意:如果主订阅在成功时给出响应,那么我不需要轮询主订阅方法,那么只有我开始此轮询
更新: 下面的方法有效,但这里我需要两件事
如何设置变量并将响应存储在其中
我如何根据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 ×6
angular ×4
ionic2 ×3
ionic3 ×2
reactjs ×2
typescript ×2
cordova ×1
d3.js ×1
ios ×1
jquery ×1
microbundle ×1
react-hooks ×1
rxjs ×1
use-state ×1