我正在使用这个图片:
https://github.com/VadimDez/ng2-pdf-viewer
我创建了一个存储库,其中包含我的问题示例.
https://github.com/YeisonVelez11/pdf
我正在生成一个pdf,这很好用.但如果pdf还没有完成加载,我导航到另一个组件,我收到一个错误.
基本上当我回到预览时,我遇到了问题,因为正在加载的pdf无法取消.我不知道我可以做什么技巧随时退出文档视图.
<pdf-viewer [src]="archivo_adjunto"
*ngIf="archivo_adjunto"
[render-text]="false"
[original-size]="true"
[page]="1"
[autoresize]="true"
[show-all]="true"
style="display: block;"
(page-rendered)="pageRendered($event)"
></pdf-viewer>
ionViewDidLoad() {
this.archivo_adjunto="./assets/documents/Resumen Ejecutivo Autoevaluacion.pdf"
}
Run Code Online (Sandbox Code Playgroud)
这是在Ionic中完成的,但功能在Angular中.
在我的代码中,我在折线图上加载了一个包含508个条目的JSON.此JSON包含某些计算机发出的数据,键是计算机的名称.
这是我的JSON的结构:
{
"AF3":3605.1496928113393,
"AF4":-6000.4375230516,
"F3":1700.3827875419374,
"F4":4822.544985821321,
"F7":4903.330735023786,
"F8":824.4048714773611,
"FC5":3259.4071092472655,
"FC6":4248.067359141752,
"O1":3714.5106599153364,
"O2":697.2904723891061,
"P7":522.7300768483767,
"P8":4050.79490288753,
"T7":2939.896657485737,
"T8":9.551935316881588
}
Run Code Online (Sandbox Code Playgroud)
我目前正在一个名为的计数器的帮助下读取数据cont,但是,我使用的代码需要很长时间来绘制图形:
data.length=508
if (data.length>cont)
cont++`
for (var name in groups) {
var group = groups[name]
group.data.push(aData[cont][name])
group.path.attr('d', line)
console.log(cont)
}
Run Code Online (Sandbox Code Playgroud)
正如你在上面的gif中看到的,我的代码花了太长时间来绘制所有数据点.我想毫不拖延地绘制我的数据集的所有数据元素(在这种情况下为508),例如:
data=[{508 elements}];
tick(data)=> draw the points in the graph at the same time, by dataset.
data2=[{50 elements}];
tick(data)=> draw the points in the graph at the same time, by dataset.
Run Code Online (Sandbox Code Playgroud)
tick绘制坐标的函数的名称在哪里,而不会失去动画感.
怎么办?
这是我的代码的链接:
我有一个组件,反过来嵌入了一个子组件.基本上从父组件我调用子组件中包含的模态.这与父亲的HTML点击完美配合:
<a type="button" (click)="modal.show()" >
Run Code Online (Sandbox Code Playgroud)
在HTML Parent中
<a type="button" (click)="modal.show()">
open modal
</a>
<son #modal ></son>
Run Code Online (Sandbox Code Playgroud)
在HTML儿子
<div mdbModal #mymodal="mdbModal" class="modal fade" id="mymodal" tabindex="-1" role="dialog"
aria-labelledby="mymodal" aria-hidden="true" [config]="{backdrop: true, ignoreBackdropClick: false}">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
.
.
.
Run Code Online (Sandbox Code Playgroud)
在儿子组件.ts
var1:any;
var2:any;
var3:any;
@ViewChild(mymodal) mymodal;
... // other code
public show() {
this.mymodal.show(); //call a modal
}
Run Code Online (Sandbox Code Playgroud)
但如果我直接从组件中调用它,这不起作用.我还想修改我在子组件中定义的变量的值,从父组件修改,反之亦然.
在PARENT COMPONENT中
@ViewChild('mymodal') mymodal: any;
.
.
ngOnInit() {
setTimeout(() => {
this.mymodal.show(); // Uncaught (in promise): TypeError: …Run Code Online (Sandbox Code Playgroud) 我是AngularJS的新手.我正在尝试向Web服务发出请求.我想实现一个进度条,告诉我这个请求的百分比.也许有人有一个基本的例子可以指导我.非常感谢,如果有人能帮我一把.我会尝试解释一下.我有这样的要求.我希望你从头到尾告诉我百分比.我是新手,所以我想找一些简单但功能齐全的东西.
$http({
method: 'GET',
url: "www.examplejson.com/example",
timeout:5000
}).success(function(data){
console.log("complete!");
}).error(function(response,status,headers,config) {
console.log("error");
});
Run Code Online (Sandbox Code Playgroud) 在我的应用程序中,我希望稍后我的本地存储的所有键都将被删除,但所有包含"向导"一词的键除外.
命令如
localstorage.clear();
Run Code Online (Sandbox Code Playgroud)
将删除所有内容,我只想保留那些带有"向导"的词,我试过这种方式,但是我得到错误,因为如果我删除了一个匹配项,在下一次迭代中会跳过一个键,我会得到尝试在现在为空的位置搜索匹配项的错误,因为它已被删除.我怎么解决这个问题?
这是我的代码:
for ( var i = 0, len = localStorage.length; i < len; ++i ) {
//if the key not contain the word "wizard" will be erased
if( localStorage.getItem(localStorage.key(i)).search("wizard")==-1){
localstorage.removeItem( localStorage.getItem( localStorage.key( i ) ) );
}
}
Run Code Online (Sandbox Code Playgroud) 我有一个图像,例如“img/Myimage.jpg”,我想将其转换为 Uint8ClampedArray 格式(如图所示)。

为了什么?我正在使用一个库,经过漫长的过程后将图像转换为这种格式,但我还有其他图像需要自己将它们转换为相同的格式。我该怎么做?原谅我的无知
var frames = animator.frames;
var res_c = document.getElementById("result");
var res_ctx = res_c.getContext('2d');
for (var x = 0; x < frames.length; x++) {
//***frames are ImageData (Uint8ClampedArray)***
res_ctx.putImageData(frames[x],0,0);
console.log(frames[x])
gif.addFrame(res_c,{copy:true,delay: 120});
}
Run Code Online (Sandbox Code Playgroud)
我需要在 ImageData (Uint8ClampedArray) 中转换图像以添加其他帧
我是chartjs的新手.我应用了此库的扩展来启用缩放.起初它看起来很棒,但是当我缩放时,我无法返回到我的条形图开始时的原始点.
有谁知道为什么会发生这种情况或我该如何解决?非常感谢你.
var ctx = document.getElementById("canvas").getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ["08 Aug 2018 02:42 pm","09 Aug 2018 11:24 am","04 Sep 2018 01:23 pm","04 Sep 2018 01:26 pm","04 Sep 2018 01:31 pm","04 Sep 2018 01:33 pm","04 Sep 2018 01:35 pm","04 Sep 2018 01:36 pm","04 Sep 2018 01:38 pm","04 Sep 2018 01:38 pm","04 Sep 2018 01:40 pm","04 Sep 2018 01:45 pm","04 Sep 2018 01:46 pm","04 Sep 2018 01:49 pm","04 Sep 2018 01:49 pm","04 Sep 2018 …Run Code Online (Sandbox Code Playgroud) 我认为我的代码井井有条,但是我不知道为什么我无法以这种方式组织元素:
|** *|
Run Code Online (Sandbox Code Playgroud)
这是我的代码:
|** *|
Run Code Online (Sandbox Code Playgroud)
.container {
border: 1px solid red;
display: flex;
justify-content: flex-start;
width: 100%;
height: 200px;
flex-direction: row;
}
.container div {
border: 1px solid blue;
height: 100px;
width: 100px;
}
.right {
display: flex;
align-self: flex-end;
}Run Code Online (Sandbox Code Playgroud)
我究竟做错了什么?这是我的实时代码:https : //jsfiddle.net/uxpkh9nL/
基本上,我设法从集合中返回所有对象。如何返回单个元素,例如\n\xc2\xa0\xc2\xa0 的样式findOne({_ id:" 5e82d378527bb420a4001aaf ")?
我知道如何使用 $match,但这会返回各种结果。
\n\nlet _id="5e82d378527bb420a4001aaf"\n\nNoticia.aggregate([\n {\n $addFields: {\n like: {\n $cond: [{ $in: [_id, "$likes"] }, true, false]\n },\n dislike: {\n $cond: [{ $in: [_id, "$dislikes"] }, true, false]\n }\n\n }\n }\n\n], (err, noticia) => {\n\n // console.log(trans);\n if (err) {\n return res.status(400).json({\n ok: false,\n err\n });\n }\n return res.status(200).json({\n ok: true,\n data: noticia\n });\n\n})\nRun Code Online (Sandbox Code Playgroud)\n 请原谅我是 Flutter 新手的无知。
我正在练习我做过的课程,我有以下情况:
我有一个视图,我在方法getDataArray( FutureBuilder) 中使用 Web 服务,我只想在访问此视图时只执行一次。
我也有一个TextField,FutureBuilder并且TextField在build(). My widgetis aStatefulWidget因为它需要重新绘制以显示 my 的字符计数器TextField,所以我认为这就是每次输入内容时build运行并FutureBuilder再次调用的原因。
我该如何解决?
class Pagina3 extends StatefulWidget {
@override
Pagina3State createState() {
return Pagina3State();
}
}
class Pagina3State extends State<Pagina3> {
String _input = "";
//returns a web service
Future getDataArray() async {
final dynamic resp =
await web.http_Web(webservices.url["DATOS"], "POST", {}, context);
return resp;
}
Pagina3() {} …Run Code Online (Sandbox Code Playgroud)