小编yav*_*avg的帖子

将组件留给另一个组件时取消后台进程?

我正在使用这个图片:

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中.

ionic-framework angular

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

使用d3.js,如何在图表上更快地显示数据?

在我的代码中,我在折线图上加载了一个包含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绘制坐标的函数的名称在哪里,而不会失去动画感.

在此输入图像描述

怎么办?

这是我的代码的链接:

http://plnkr.co/edit/y8h9zs1CpLU1BZRoWZi4?p=preview

javascript d3.js

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

我只能从父视图的HTML中调用包含在子组件中的模态,而不是在父组件中,为什么?

我有一个组件,反过来嵌入了一个子组件.基本上从父组件我调用子组件中包含的模态.这与父亲的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)

angular

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

Web请求上的进度条($ http)AngularJS

我是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)

angularjs angular-http

8
推荐指数
2
解决办法
5671
查看次数

不要删除localstorage的所有键

在我的应用程序中,我希望稍后我的本地存储的所有键都将被删除,但所有包含"向导"一词的键除外.

命令如

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)

javascript local-storage

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

将图像转换为 ImageData (Uint8ClampedArray)

我有一个图像,例如“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) 中转换图像以添加其他帧

javascript html5-canvas

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

将缩放重置为chart.js中的初始值?

我是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)

chart.js

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

我如何在左边对齐2个第一个元素,在右边对齐最后一个元素

我认为我的代码井井有条,但是我不知道为什么我无法以这种方式组织元素:

|**   *|
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/

html css css3 centering flexbox

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

在 Mongodb 中使用 .aggregate 的 findOne 相当于什么?

基本上,我设法从集合中返回所有对象。如何返回单个元素,例如\n\xc2\xa0\xc2\xa0 的样式findOne({_ id:" 5e82d378527bb420a4001aaf ")

\n\n

我知道如何使用 $match,但这会返回各种结果。

\n\n
let _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})\n
Run Code Online (Sandbox Code Playgroud)\n

mongodb

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

为什么 FutureBuilder 被多次调用?

请原谅我是 Flutter 新手的无知。

我正在练习我做过的课程,我有以下情况:

我有一个视图,我在方法getDataArray( FutureBuilder) 中使用 Web 服务,我只想在访问此视图时只执行一次。

我也有一个TextFieldFutureBuilder并且TextFieldbuild(). 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)

layout dart flutter

7
推荐指数
2
解决办法
3531
查看次数