Конечно, я сначала погуглил по этому вопросу. Но я думаю, что я сделал почти все правильно.
Итак, я установил npm alerttify js.
, затем импортировал сюда в angular. json:
"styles": [
"src/styles.css",
"node_modules/alertifyjs/build/css/alertify.min.css",
"node_modules/alertifyjs/build/css/themes/bootstrap.min.css"
],
"scripts": [
"node_modules/chart.js/dist/Chart.bundle.min.js",
"node_modules/alertifyjs/build/alertify.min.js"
]
, и я сделал это, например:
import { Injectable } from '@angular/core';
import * as alertify from 'alertifyjs';
@Injectable({
providedIn: 'root'
})
export class AlertifyService {
constructor() {}
confirm(message: string, okCallback: () => any) {
alertify.confirm(message, (e: any) => {
if (e) {
okCallback();
} else {}
});
}
success(message: string) {
alertify.success(message);
}
error(message: string) {
alertify.error(message);
}
warning(message: string) {
alertify.warning(message);
}
message(message: string) {
alertify.message(message);
}
}
, и у меня есть файл typing.d.ts, например:
declare var module: NodeModule;
declare module 'alertifyjs'
interface NodeModule {
id: string;
}
и затем я пытаюсь внедрить службу здесь:
saveChanges(): void {
const data = {
patientIndicators: this.indicators,
organisations: this.organisations
};
this.healthAPIService.postIndicatorPermissions(data).subscribe(result => {
console.log(this.alertifyService.success('De instellingen zijn succesvol opgeslagen'));
//this.postOk = result.success;
});
}
Но console.log выдает undefind. И ничего не видно.
Также нет ошибок. Но окно сообщения не появляется.
Так что я должен изменить?
Спасибо
и, конечно, если я сделаю это без console.log, то тоже ничего не появится
Я вижу, что это происходит в этом методе. Но сообщение console.log не появляется:
success(message: string) {
console.log('HelloThereSuccess');
alertify.success(message);
}
, но если я делаю это:
success(message: string) {
alert('HelloThereSuccess');
alertify.success(message);
}
, я вижу предупреждение.
, если я делаю это:
success(message: string) {
alertify.alert().setting({
'closable': true,
'resizable': true,
'message': 'helllsdjflksdjffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffo world'
}).show();
Я вижу текст. Но я все еще не вижу коробку