小编Isa*_*iro的帖子

我正在使用primeng的下拉指令允许用户为进入日历应用程序的事件选择约会类型.下拉列表的向下箭头显示,单击它时,用户可以正常选择列表中的项目,但下拉列表中没有显示所选项目的显示区域.我可以验证选择项目是否有效,然后单击某个事件,然后单击下拉箭头将显示所选的正确项目.下面是我的组件的ts,html和css文件.

预约-detail.component.ts:

import { Input, Component, Output, EventEmitter } from '@angular/core';
import { Event } from '../../shared'
import { Calendar, Button, Dropdown, SelectItem } from 'primeng/primeng'

@Component({
  moduleId: module.id,
  selector: 'appointment-detail',
  templateUrl: 'appointment-detail.component.html',
  styleUrls: ['appointment-detail.component.css'],
  directives: [Calendar, Button, Dropdown]
})
export class AppointmentDetailComponent {
  @Input() event;
  @Output() submitDetails: EventEmitter<any> = new EventEmitter();
  appointmentTypes: SelectItem[];

  constructor() {
    this.event = new Event();
    this.appointmentTypes = [];
    this.appointmentTypes.push({label: 'Select type:', value: ''})
    this.appointmentTypes.push({label: 'Meeting', value: 'Meeting'})
    this.appointmentTypes.push({label: 'Vacation', value: 'Vacation'})
    this.appointmentTypes.push({label: 'Other', value: 'Other'}) …

我正在开发一个新项目,刚刚从Angular 2的rc4升级到rc5.升级后,似乎不再从'@ angular/core/testing'导出类似,期望,描述等功能.我搜索了我能想到的每一种资源,我看到在线编写的单元测试声称使用了仍然具有这些Jasmine测试功能的rc5.你从哪里使用rc5导入这些？是否有一个我缺少的新依赖库？

的package.json

"dependencies": {
  "@angular/common": "2.0.0-rc.5",
  "@angular/compiler": "2.0.0-rc.5",
  "@angular/core": "2.0.0-rc.5",
  "@angular/forms": "0.3.0",
  "@angular/http": "2.0.0-rc.5",
  "@angular/platform-browser": "2.0.0-rc.5",
  "@angular/platform-browser-dynamic": "2.0.0-rc.5",
  "@angular/router": "3.0.0-alpha.7",
  "@angular/router-deprecated": "2.0.0-rc.2",
  "@angular/upgrade": "2.0.0-rc.5",
  "@angular2-material/card": "^2.0.0-alpha.4",
  "@angular2-material/checkbox": "^2.0.0-alpha.4",
  "@angular2-material/core": "^2.0.0-alpha.4",
  "@angular2-material/sidenav": "^2.0.0-alpha.4",
  "@angular2-material/toolbar": "^2.0.0-alpha.4",
  "bootstrap": "twbs/bootstrap#v4-dev",
  "es6-shim": "^0.35.0",
  "font-awesome": "^4.6.3",
  "fullcalendar": "^2.7.3",
  "jquery": "^2.2.4",
  "jquery-datetimepicker": "^2.5.4",
  "jquery-ui": "^1.10.5",
  "material-icons": "^0.1.0",
  "moment": "^2.13.0",
  "ng2-bootstrap": "^1.0.22",
  "primeng": "^1.0.0-beta.8",
  "primeui": "^4.1.12",
  "reflect-metadata": "0.1.3",
  "rxjs": "5.0.0-beta.6",
  "sweetalert": "^1.1.3",
  "systemjs": "0.19.26",
  "zone.js": "^0.6.12"
},
  "devDependencies": {
  "angular-cli": "^1.0.0-beta.0",
  "clang-format": "^1.0.35",
  "codelyzer": "0.0.14",
  "ember-cli-inject-live-reload": …

我正在努力将项目更新到rc5,并开始创建一个主模块,该模块正在为我的整个应用程序加载所有指令,管道等.我把它弄好了,一切都很好.我现在正在尝试将该主模块拆分为更小的模块,这些模块对我的应用程序的结构和使用有意义.我希望我的应用程序有一个模块,它只存储多个组件共享的所有管道,所以我创建了这个模块:

pipes.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, provideForms } from '@angular/forms';

import { AbbrDay } from './abbr-day.pipe'
import { TitleCase } from './title-case.pipe'
import { ToDate } from './to-date.pipe'

@NgModule({
    declarations: [
        AbbrDay,
        TitleCase,
        ToDate
    ],
    imports: [
        BrowserModule,
        FormsModule
    ],
    providers: [
        provideForms
    ]
})

export class PipesModule {

}

在另一个模块中我想使用TitleCase管道,所以我尝试导入PipesModule:

calendar.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, provideForms } …