在Angular 5中使用materialize-css(V1.0.0)不起作用
import { Component, OnInit, AfterViewInit, ViewChild, ElementRef } from '@angular/core';
import * as M from 'materialize-css/dist/js/materialize';
@Component({
selector: 'app-list-nav',
templateUrl: './list-nav.component.html',
styleUrls: ['./list-nav.component.css']
})
export class ListNavComponent implements OnInit, AfterViewInit {
@ViewChild('collapsible') elCollapsible: ElementRef;
constructor() { }
ngOnInit() {
}
ngAfterViewInit() {
const instanceCollapsible = new M.Collapsible(this.elCollapsible.nativeElement, {});
}
}
ng:///AppModule/ContentComponent.ngfactory.js:12 ERROR TypeError: Cannot read property 'nativeElement' of undefined
at ListNavComponent.ngAfterViewInit (webpack-internal:///../../../../../src/app/list-nav/list-nav.component.ts:20)
at callProviderLifecycles (webpack-internal:///../../../core/esm5/core.js:12922)
at callElementProvidersLifecycles (webpack-internal:///../../../core/esm5/core.js:12889)
at callLifecycleHooksChildrenFirst (webpack-internal:///../../../core/esm5/core.js:12872)
at checkAndUpdateView (webpack-internal:///../../../core/esm5/core.js:14027)
at callViewAction (webpack-internal:///../../../core/esm5/core.js:14369)
at execComponentViewsAction (webpack-internal:///../../../core/esm5/core.js:14301)
at checkAndUpdateView (webpack-internal:///../../../core/esm5/core.js:14024)
at callViewAction (webpack-internal:///../../../core/esm5/core.js:14369)
at execEmbeddedViewsAction (webpack-internal:///../../../core/esm5/core.js:14327)
共有1个答案
不能通过css ID使用@viewchild进行查询。您需要添加模板变量。
所以不是
-
问题内容： 在IE10中，此代码无法正常工作： 应该发生的是，该宽度应为31px，并占用内的其余可用空间。由于某种原因，发生的事情只是默认为263px。 在Chrome和Firefox中可以正常运行。 问题答案： IE尚不完全支持Flex布局模式。IE10实现了规范的“补间”版本，该版本不是完全最新的，但仍然可以使用。
-
问题内容： 我尝试阅读有关如何处理IE中自定义字体的多篇文章，但是它们似乎对我没有用。我尝试将字体转换为，但这似乎也不起作用。我不确定自己在做什么错，所以我将发布我的代码 问题答案： 这在ie8 / 9中有效
-
Materialize 是一个基于材料设计的一个现代化的响应式前端框架。他们做了最繁重的工作，为您提供默认的样式，结合了您的自定义组件。此外，他们还改进动画和过渡，为开发人员提供流畅的体验。
-
问题内容： 我使用CSS来表示jQuery向下滑动部分的触发文本：即，当您将鼠标悬停在触发文本上时，光标将变为指针，并且触发文本的不透明度降低，以指示该文本具有单击动作。 这在Firefox和Chrome中可以正常工作，但在IE8中，不透明度不会改变。 我尝试了各种CSS设置，但均未成功。 例如 HTML： CSS： 是什么阻止IE更改不透明度？注意：我已经在各种不同的元素上进行了尝试，围绕CSS
-
问题内容： nth-match应该按照以下方式在jsfiddle中工作 这应该强调每一秒和每个要素。但是，它不起作用-既不在FF中也不在Chrome中： 哪里出问题了？ 问题答案： CSS4选择器目前没有太多的浏览器支持，您可以使用具有更多浏览器支持的CSS3选择器
-
问题内容： 我正在尝试使用带有百分比的height属性，但是它不起作用。我想使用百分比，因此在任何分辨率下看起来都不错。 我该如何运作？ 问题答案： 当您使用宽度或高度时，您应该问的第一个问题是什么？因此，您还需要对父元素应用高度，因此，假设您的父元素位于body标签内，则需要在CSS中使用此元素 所以，现在你的元素是的 注意：另外，当您处理定位的元素时，您可能会遇到一种情况，即您的高度不会超过当