小编Tan*_*sos的帖子

我正在尝试添加一个将其外观(例如汉堡为x)的类添加到菜单触发器DOM元素,该元素有自己的方法来显示叠加菜单,但我无法弄清楚如何做到这一点.

这是我到目前为止 - 这是调用菜单本身的外部方法:

import { Component, ElementRef, ViewChild, Renderer, AfterViewInit } from '@angular/core';

import { LayoutService } from 'app/core/services/layout.service';

@Component({
    moduleId: module.id,
    selector: 'header-main',
    templateUrl: 'header-main.component.html',
})


export class HeaderMainComponent {

    @ViewChild('nav-trigger') el: ElementRef;

    constructor(private layoutService: LayoutService) { }

    menuToggle() {
        this.layoutService.mainMenuToggle();
        this.el.nativeElement.classList.add('opened');
    }
}

我是Angular 2的新手.这应该如何解决？我应该使用Renderer,为什么我应该使用Renderer？等问题

编辑:绝对点击事件(选择孩子,而不是父母)的问题是我们必须使用与装饰器配对的引用标签,@ViewChild如下所示:

@ViewChild('navTrigger') navTrigger: ElementRef;它与#navTriggerHTML模板中的引用有关.

因此:

export class HeaderMainComponent {
    logoAlt = 'We Craft beautiful websites'; // Logo alt and …

我正在使用VS Code Insiders(每日构建),因为它是唯一支持打开文件的Tab视图的版本.我正在使用FileZilla直接从FTP打开我的文件,每次我打开一个新文件.VS Code使用新文件打开一个新的应用程序窗口.有没有办法告诉编辑器在当前窗口的单独选项卡中打开每个新文件？

是否可以忽略我的CSS路径,因为我只使用stylelint进行SCSS验证？

例如 - 我有以下结构:

assets/
    css/
    scss/

如何通过css/VSCode的settings.json文件禁用索引文件夹？

我在文档中找到了这个,但我不知道如何在VSCode中实现它.

是否有这样的选项来创建链接到组件的模块，该组件在创建时没有css文件？

例如

到目前为止，对我而言，默认的操作方式如下：

ng generate module name / ng generate component name

我得到了组件的基本结构： name.component.css name.component.html name.component.spec.ts name.component.ts name.module.ts

我想只用一个查询创建以下内容：

name.component.html name.component.spec.ts name.component.ts name.module.ts

例如：

ng g m name + c name - css ...你明白了。

这可能吗？如果是，怎么办？

如何为打开的文件的背景添加自定义样式（fetch.js后面的浅灰色）：

我想将默认的 sql_mode 更改为：

sql_mode="STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION"

所以我在里面设置了它etc/mysql/mysql.conf.d/mysqld.cnf：

[mysqld]
sql_mode = "STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_AUT>
sort_buffer_size=10M
pid-file        = /var/run/mysqld/mysqld.pid
socket          = /var/run/mysqld/mysqld.sock
datadir         = /var/lib/mysql
log-error       = /var/log/mysql/error.log

但是当我重新启动 MySQL 时，出现以下错误：

 mysql.service - MySQL Community Server
     Loaded: loaded (/lib/systemd/system/mysql.service; enabled; vendor preset: enabled)
     Active: failed (Result: exit-code) since Wed 2021-01-27 16:32:39 EET; 9s ago
       Docs: man:mysqld(8)
             http://dev.mysql.com/doc/refman/en/using-systemd.html
    Process: 55142 ExecStartPre=/usr/share/mysql-8.0/mysql-systemd-start pre (code=exited, sta>
    Process: 55181 ExecStart=/usr/sbin/mysqld (code=exited, status=1/FAILURE)
   Main PID: 55181 (code=exited, status=1/FAILURE)
     Status: "Server startup in progress"
      Error: 2 (No such file or …

*ngIf我只了解如何使用, 对于特定路线删除整个元素。

假设我有一个类应用于我的应用程序（标头）的元素routerLink="/"，这意味着如果我切换到"/other-page"，我需要标头来丢失该类。

我怎样才能实现这个目标？

我怎样才能链接[ngClass]到路线变更？

代码：

import { Component, ElementRef, ViewChild, Renderer, AfterViewInit, Input } from '@angular/core';

import { LayoutService } from 'app/core/services/layout.service';

@Component({
    moduleId: module.id,
    selector: 'header-main',
    template: `

    <header class="header-main"
        [ngClass]="{'transparent' : isMenuShown}" #header>

        <div class="wrapper">
            <a routerLink="/" routerLinkActive="active" routerLinkActiveOptions="{exact: true}" class="logo">
                <img src="../../../assets/images/logo_dark.svg" alt="{{logoAlt}}" title="{{logoAlt}}">
            </a>
            <a (click)="menuToggle($event)" class="nav-trigger" #navTrigger>
                <i class="icon icon-menu" (click)="isMenuShown = !isMenuShown;"></i>
            </a>
        </div>

        <nav class="sub-nav" [ngClass]="{'shown' : isMenuShown}">
            <a href="#" class="nav-item">about us</a>
            <a href="#" class="nav-item">team</a> …

我目前正在启动一个新的 angular 项目，我想实施HMR (Hot Module Replacement)。

我已经完成了教程中描述的每一步，但出现以下错误：

使用最新的角度版本。新的项目设置。

我想要实现一些目标.让我们举个例子,我在身体里面有一个div,或者身体本身,我给它一个边缘有一些边缘,我给它100%的宽度和高度,但因为我需要内容让它向下伸展..

所以我有这样的事情:

这就是我希望它在每个决议中的表现,无论其内容如何:

我该如何实现这一目标？

我需要在 div 标签周围显示边框，边框本身带有标题。为了做到这一点，这是我到目前为止想出的

.componentWrapper {
  border: solid cadetblue;
  border-radius: 40px;
  padding: 10px;
  width: 95%;
}
    
.componentTitle {
  font-size: 18px;
  width: 15%;
  background-color: white;
  margin-top: -25px;
}

 <div class='componentWraper'><p class='componentTitle'>This is the title</p>This is the component body text</div>

如您所见，我正在使用边距属性将标题向上推到边框顶部。我不确定这是否是执行此操作的正确方法，我有以下问题。

1. 我使用像素（边距）和固定值（-25px）定位标题。这是一个也必须在手机、平板电脑上运行的网站。这是一种可以接受的方法吗？
2. 我将背景颜色设置为白色，这样边框就不会出现在文本后面，这是一个好的方法吗？
3. 有没有更好，更可接受的方法来做到这一点，我不想使用字段集，因为我们对边界（边界半径）几乎没有控制。