Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/perl/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';得不到';Fitty';使用角度2+;_Javascript_Angular_Typescript - Fatal编程技术网

Javascript Can';得不到';Fitty';使用角度2+;

Javascript Can';得不到';Fitty';使用角度2+;,javascript,angular,typescript,Javascript,Angular,Typescript,我正在尝试使用“”来创建字体大小不同的文本,以便在容器中的div中对齐 我使用Angular,看到Fitty主要是作为一个常规JS脚本创建的,可以在浏览器中运行。经过一番探索,我发现有人似乎和我有同样的想法,但他们的建议是,我似乎无法工作 我想知道过去是否有人这样做过 如果你想看看的话。我已经在那里安装了Fitty dependency github线程所说的要点是导入和使用以下内容: import fitty from 'fitty'; ... myElement = document.ge

我正在尝试使用“”来创建字体大小不同的文本,以便在容器中的div中对齐

我使用Angular,看到Fitty主要是作为一个常规JS脚本创建的,可以在浏览器中运行。经过一番探索,我发现有人似乎和我有同样的想法,但他们的建议是,我似乎无法工作

我想知道过去是否有人这样做过

如果你想看看的话。我已经在那里安装了Fitty dependency

github线程所说的要点是导入和使用以下内容:

import fitty from 'fitty';

...
myElement = document.getElementById('myEl');
this.fit = fitty(myElement, { minSize: 50, maxSize: 300, multiLine: true });
this.fit.fit();

您正在尝试访问ngOnInit中的HTML DOM。但根据Angular生命周期钩子,我们假设在ngAfterViewInit中访问太多

ngAfterViewInit(){
    const myDiv = document.getElementById('x');
    this.fits = fitty(myDiv, { minSize: 50, maxSize: 300})
    this.fits.fit();
}

您正试图访问ngOnInit中的HTML DOM。但根据Angular生命周期钩子,我们假设在ngAfterViewInit中访问太多

ngAfterViewInit(){
    const myDiv = document.getElementById('x');
    this.fits = fitty(myDiv, { minSize: 50, maxSize: 300})
    this.fits.fit();
}
?