小编Zur*_*b-D的帖子

我用路由创建了一个简单的应用程序 链接" http:// localhost:4200 "和" http:// localhost:4200/mail "运行良好,

但是当我尝试打开一个链接" http:// localhost:4200/mail/inbox "时,我收到一个错误:"找不到加载'InboxComponent'的主要插座".

是什么导致错误,我该如何解决？

这是我的*.ts文件:

app.module.ts:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { RouterModule } from '@angular/router';

import { AppComponent } from './app.component';
import { MailListComponent } from './components/mail-list/mail-list.component';
import { FoldersComponent } from './components/folders/folders.component';
import { InboxComponent } from './components/inbox/inbox.component';

const routes = [
  { path: '',
    component: MailListComponent
   }, …

如何在TypeScript中正确定义私有抽象方法？

这是一个简单的代码:

abstract class Fruit {
    name: string;
    constructor (name: string) {
        this.name = name
    }
    abstract private hiFrase (): string;
}

class Apple extends Fruit {
    isCitrus: boolean;
    constructor(name: string, isCitrus: boolean) {
        super(name);
        this.isCitrus = isCitrus;
    }

    private hiFrase(): string {
        return "Hi! I\'m an aplle and my name is " + this.name + " and I'm " + (isCitrus ? "" : " not ") + "citrus";
    }

    public sayHi() {
        alert(this.hiFrase())
    }
}

此代码不起作用.怎么解决？

是否可以在纯CSS中设计第n个兄弟？
例如,.child当我在1-st上悬停时,我们可以设置第4或第5个样式.child吗？

<div class="parent">
    <div class="child"> 1 </div>
    <div class="child"> 2 </div>
    <div class="child"> 3 </div>
    <div class="child"> 4 </div>
    <div class="child"> 5 </div>
</div>

更新我想我的问题有点不正确.对不起,请原谅.

我的意思是,我可以为我徘徊的.child的第n个兄弟姐妹定型吗？

即.child在1-st上悬停时的第4个样式.child; .child在2 号位置悬停等时的第5个样式

如何使用类装饰器向类添加新属性？

代码例如：

@MyClassDecorator
class MyClass {
    myFirstName: string;
    myLastName: string;
}

// I need something like this:
function MyClassDecorator (target: any): any {
    target['myNickname'] = 'Gambler';
}

let myClass = new MyClass();
console.log(myClass['myNickname']); // expecting "Gambler" but got "undefined"

如何修复此代码？

是否可以使用装饰器向类添加属性？

谢谢！

我正在尝试使用单元测试（业力，茉莉花）进行管理，但出现错误：

无法绑定到“ routerLink”，因为它不是“ a”的已知属性

我什至没有更改由angular-cli创建的* .spec.ts文件。

这是我的文件：

user-list.component.html

<ul>
  <li *ngFor="let user of users">
    <a [routerLink]="user._id" (click)="userClicked(user)">{{user.fullName}}</a>
  </li>
</ul>

<router-outlet></router-outlet>

用户列表.component.ts

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';

import { IUser, User } from '../../../interfaces/user';
import { UsersService } from '../../../services/users.service';

@Component({
  selector: 'app-user-list',
  templateUrl: './user-list.component.html',
  styleUrls: ['./user-list.component.css']
})
export class UsersListComponent implements OnInit {

  users: IUser[] = [];

  constructor(private usersService: UsersService, private router: Router) { }

  ngOnInit() {
    this.usersService.getAll()
      .subscribe(users => {
        this.users …

是否可以自定义欢迎页面？特别是，我想隐藏“即将发生的事件”面板。这是有关完全隐藏“欢迎页面”的几个问题，如果可能的话，我宁愿只删除“即将到来的事件”面板。

我在商店里有一系列物品Vuex。像这样：

[
  {
    id: 1,
    value: 'some value'
  },
  {
    id: 2,
    value: 'other value'
  },
  ...
]

有没有办法创建一个 getter 来获取数组的某个项目id？

就像是

getArrItem(state, id) {
  return state.find(item => item.id === id);
}

我试图弄清楚如何在添加输入后立即验证输入：

模板：

<div id="app">
    <div
        v-for="(message, index) in messages"
        :key="index"
    >
        <v-text-field
            v-model="messages[index]"
            :rules="[v => !!v || 'Error: Please enter text']"
        />
    </div>
  
    <v-btn @click="add()">Add input</v-btn>
</div>

JS：

new Vue({
    el: '#app',

    data: {
        messages: ['Hi', 'Hello'],
    },

    methods: {
        add(val) {
            this.messages.push(val);
        },
    },
});

代码笔： https: //codepen.io/Zurab-D/pen/dymGaRY

我的意思是，当单击按钮时，会出现一个新的输入，并且默认情况下没有“错误：请输入文本”错误消息。

我可以让这条消息立即出现吗？