小编Jul*_*ius的帖子

我已经成功安装了Carrierwave.我可以从终端看到它:gem list carrierwave=>

*** LOCAL GEMS ***

carrierwave (1.0.0.rc)

但是我仍然无法生成上传器...如果我rails g uploader Picture在终端运行我就得到了Could not find generator 'uploader'.

我唯一的想法是宝石之间可能存在一些冲突.这是gem文件:

source 'https://rubygems.org'

gem 'rails', '~> 5.0.0', '>= 5.0.0.1'
gem 'puma', '~> 3.0'
gem 'bootstrap-sass', '~> 3.3.6'
gem 'autoprefixer-rails', '6.4.0.3'
gem 'sass-rails', '~> 5.0'
gem 'uglifier', '>= 1.3.0'
gem 'coffee-rails', '~> 4.2'
gem 'jquery-rails'
gem 'jquery-ui-rails'
gem 'turbolinks', '~> 5'
gem 'jbuilder', '~> 2.5'
gem 'carrierwave', '~> 0.11.2'
gem 'mini_magick', '~> 4.3'

group :development, :test do
  gem …

我想知道为什么如果我使用var或let关键字声明变量,我会得到这个编译错误？我的意思是,这很顺利:

export class AppComponent {

    refreshClickStream$: any;

    constructor(){
    }

虽然这带来了错误:

export class AppComponent {

    var refreshClickStream$: any;

    constructor(){
    }

我显示在另一个组件 (team-announcements.component) 中创建的模板中的数据...在主 team.component.ts 中，我使用 team-announcements 选择器，并添加 [announcement]="announcements" 和ngFor="让公告公告"加载数据。如果数组没有返回数据 IE 没有公告，如何显示“无公告”之类的占位符？

这是我在 team.component.html 中加载公告的位置。数据通过 API 服务提供，并在“team.component.ts”中检索，相关对象的 HTML 如下。

team.component.ts（获取公告函数）：

  getAnnouncements() {
    this.teamsService.getTeamAnnouncements(this.team.slug)
      .subscribe(announcements => this.announcements = announcements);
      console.log("announcements", this.announcements);
  }

team.component.html

<div class="team-announcement">
     <div class="announcement-title">Message of the Day</div>
     <app-team-announcements
        [announcement]="announcement"
         *ngFor="let announcement of announcements">
      </app-team-announcements>
   </div>

这就是上面的“app-team-announcements”如何在单独的文件“team-announcement.component.html”中模板化并导出，然后在上面的代码中使用......

团队公告.component.ts

import { Component, EventEmitter, Input, Output, OnInit, OnDestroy } from '@angular/core';

import { Team, Announcement, User, UserService } from '../core';
import { Subscription } from 'rxjs';

@Component({
  selector: 'app-team-announcements',
  templateUrl: './team-announcement.component.html'
}) …

我主要担心的是$event这行显示错误:

starClick($event) {

参数$ event隐式具有'any'类型

我也想知道 - 根据Angular2文档,什么$event是捕获事件对象,所以让我问一个愚蠢的问题 - 为什么我们不调用它$object？因为它让我感到困惑,直到我终于意识到这里发生了什么......

import { Component } from '@angular/core';

@Component({
  moduleId: module.id,
  selector: 'stars',
  template: `
      <span class="glyphicon glyphicon-star-empty" (click)= "starClick($event)"></span>
  `
})

export class StarsComponent {
  starClick($event) {
    if($event.target.className == "glyphicon glyphicon-star-empty") {
      $event.target.className = "glyphicon glyphicon-star";
    }
    else{
      $event.target.className = "glyphicon glyphicon-star-empty";
    }
  }
} 

从教程中,讲师提出了这个:

<span class="glyphicon" [class.glyphicon-star-empty]="isFavorite" [class.glyphicon-star]="!isFavorite" (click)="toggleClass()"></span>

零件:

isFavorite = false;

toggleClass() {
 this.isFavorite != this.isFavorite;
}

<span class="glyphicon" [ngClass]="classes" (click)="toggleClasses()"></span>

零件:

classes = "glyphicon-star-empty";

toggleClasses() {
 this.classes == "glyphicon-star-empty"? this.classes = "glyphicon-star" : this.classes = "glyphicon-star-empty";
}

两种方式都按预期工作,但我觉得从性能角度来看,我的方式并不是很好,因为我正在使用循环,对吧？

对不起,如果答案可能只是"是".我只是想确定它是如何工作的(特别是对所有那些Ng指令感兴趣,比如ngModel,ngClass).

谢谢

我想知道是否有可能检查可观察值是否收到任何值。而且我想要这个而不订阅它，因为我太懒了以至于无法覆盖当前代码。问题是我在父组件中创建了可观察对象，然后将其传递给子组件。而且我只需要一件小事，因此订阅该书似乎是不必要的...

父组件：

  adverts$: Observable<advert[]>;

  ngOnInit() {
    this.adverts$ = this.advertService.advertsPerUser();

服务：

  advertsPerUser() {
    return this.advertsKeysPerUser()
      .map(adKeys => adKeys.map(adKey => this.afDb.object('adverts/' + adKey.$key )))
        .flatMap(val => Observable.combineLatest(val) );
  }

所以我的目标是在parent-component.html中执行以下操作：

<div *ngIf="adverts$">