5
Tôi mới dùng PrimeNG nhưng tôi phát hiện ra rằng bạn có thể tạo ra những thứ đẹp đẽ với nó. Tôi đang cố gắng để xây dựng một tiếng gầm gừ từ PrimeNg nhưng tôi tiếp tục nhận được lỗi này "Không thể liên kết với 'giá trị' vì nó không phải là một tài sản được biết đến của 'p-growl'". Tôi đã sử dụng "Tin nhắn" từ PrimeNG và điều này hoạt động tốt, vì vậy tôi không biết những gì tôi đang làm sai bởi vì một trong những khác không làm việc.PrimeNG Growl Không thể liên kết với 'value' vì nó không phải là tài sản đã biết của 'p-growl'
ts phần My
import {Component, OnInit} from '@angular/core';
import {IMailModel} from '../models/mail.model';
import {MailService} from '../Services/mail.service';
import {Message} from 'primeng/primeng';
@Component({
selector: 'coordinator-invitations',
moduleId: module.id,
templateUrl: 'coordinatorInvitations.component.html',
styleUrls: ['../../assets/css/in/content.css'],
})
export class CoordinatorInvitationsComponent implements OnInit {
listReceivers: IMailModel[];
listSenders: IMailModel[];
pageTitle: string = 'Uitnodigingen versturen';
errorMessage: string;
msgs: Message[] = [];
msgsGrowl: Message[] = [];
subject: string = "";
text: string="";
success: boolean;
constructor(private _mailService: MailService) {
}
ngOnInit(): void {
this._mailService.getMailAddresses()
.subscribe(listSenders => this.listSenders = listSenders,
error => this.errorMessage = <any>error);
this.listReceivers = [];
}
onclick(): void {
this.msgs=[];
this.success=true;
if(this.listReceivers.length===0) {
this.msgs.push({severity:'error', summary:'Error', detail:'Er zijn geen ontvangers geselecteerd.'});
this.success=false;
}
if(this.subject.length===0)
{
this.msgs.push({severity:'error', summary:'Error', detail:'Er is geen onderwerp opgegeven.'});
this.success=false;
}
if(this.text.length===0)
{
this.msgs.push({severity:'error', summary:'Error', detail:'Er is geen inhoud ingegeven.'});
this.success=false;
}
if(this.success===true)
{
this.msgsGrowl.push({severity:'success', summary:'Succes', detail:'De uitnodigingen zijn succesvol verstuurd.'});
}
}
}
HTML thành phần My
<div id="title">
<span>{{pageTitle}}</span>
</div>
<div id="content">
<p-growl [value]="msgsGrowl" sticky="sticky"></p-growl>
<p-messages [value]="msgs"></p-messages>
<p-pickList [source]="listSenders" [target]="listReceivers" sourceHeader="Kies ontvangers" targetHeader="Ontvangers" [responsive]="true" [sourceStyle]="{'height':'300px'}" [targetStyle]="{'height':'300px'}" [showSourceControls]="false" [showTargetControls]="false">
<ng-template let-user pTemplate="item">
<div class="ui-helper-clearfix">
<div style="font-size:14px;">{{user.Name}}</div>
</div>
</ng-template>
</p-pickList>
<h1>Mail</h1>
<p><u>Onderwerp:</u> <input type="text" class="form-control" [(ngModel)]="subject"/></p>
<p-editor [(ngModel)]="text" [style]="{'height':'320px'}"></p-editor>
<p style="margin-top: 10px;"><button pButton type="button" label="Versturen" icon="fa-check" iconPos="left" (click)="onclick()"></button>
</p>
mô-đun của tôi
import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {CoordinatorPaneelComponent} from './coordinatorPaneel.component';
import {routing} from '../app.routing';
import {CoordinatorPaneelMenuComponent} from './DesignParts/coordinatorPaneelMenu.component';
import {CoordinatorTopMenu} from './DesignParts/coordinatorTopMenu.component';
import {CoordinatorDashboard} from './Dashboard/coordinatorDashboard.component';
import {CoordinatorInternshipAssignmentsViewComponent} from './InternshipAssignments/coordinatorInternshipAssignmentsView.component';
import {CoordinatorInternshipAssignmentsComponent} from './InternshipAssignments/coordinatorInternshipAssignments.component';
import {InternshipAssignmentService} from './Services/InternshipAssignment.service';
import {CommonModule} from '@angular/common';
import {CoordinatorInternshipProposalComponent} from './InternshipProposal/coordinatorInternshipProposal.component';
import {CoordinatorInternshipProposalDetailComponent} from './InternshipProposal/coordinatorInternshipProposalDetail.component';
import {CoordinatorInternshipProposalDetailViewComponent} from './InternshipProposal/coordinatorInternshipProposalDetailView.component';
import {CoordinatorInternshipProposalViewComponent} from './InternshipProposal/coordinatorInternshipProposalView.component';
import {PopupModel} from './DesignParts/popup.model';
import {CoordinatorInvitationsComponent} from './Invitations/coordinatorInvitations.component';
import {CoordinatorInvitationsViewComponent} from './Invitations/coordinatorInvitationsView.component';
import {PopupComponent} from './DesignParts/popup.component';
import {InternshipSpecialisationFilterPipe} from './Services/internshipSpecialisation-filter.component';
import {InternshipStatusFilterPipe} from './Services/internshipStatus-filter.component';
import {CoordinatorInternshipAssignmentDetailViewComponent} from './InternshipAssignments/coordinatorAssignmentDetailView.component';
import {CoordinatorInternshipAssignmentDetailComponent} from './InternshipAssignments/coordinatorAssignmentDetail.component';
import {MailService} from './Services/mail.service';
import {FormsModule} from '@angular/forms';
import {PickListModule} from 'primeng/primeng';
import {EditorModule, SharedModule, ButtonModule, MessagesModule, GrowlModule} from 'primeng/primeng';
@NgModule({
imports: [routing, CommonModule, BrowserModule, FormsModule,
PickListModule,
SharedModule,
ButtonModule,
EditorModule,
MessagesModule,
GrowlModule
],
declarations: [
CoordinatorPaneelComponent,
CoordinatorPaneelMenuComponent,
CoordinatorTopMenu,
CoordinatorDashboard,
CoordinatorInternshipAssignmentsViewComponent,
CoordinatorInternshipAssignmentsComponent,
CoordinatorInternshipAssignmentDetailViewComponent,
CoordinatorInternshipAssignmentDetailComponent,
CoordinatorInternshipProposalComponent,
CoordinatorInternshipProposalDetailViewComponent,
CoordinatorInternshipProposalViewComponent,
CoordinatorInternshipProposalDetailComponent,
InternshipSpecialisationFilterPipe,
InternshipStatusFilterPipe,
CoordinatorInternshipProposalDetailComponent,
CoordinatorInternshipProposalDetailViewComponent,
PopupComponent,
PopupModel,
CoordinatorInvitationsComponent,
CoordinatorInvitationsViewComponent,
],
providers: [
InternshipAssignmentService,
MailService
]
})
export class CoordinatorModule {
}
TL; DR: My mô-đun công trình PrimeNG nhắn, nhưng PrimeNG của tôi Growl modul e không hoạt động