Я пытался проверить, работает ли привязка ng-click
, но я, похоже, сталкиваюсь с более фундаментальной проблемой - как видеть, что происходит (или нет).
Мои обычные "грубые" методы отладки alert()
и console.log()
, похоже, недоступны.
Возможно ли получить доступ к этим функциям или чем-то вроде них из приложения Angular?
В приведенном ниже примере plnkr показано событие "working" - действие объектов в моем компоненте - но мои вызовы функций alert()
и log()
кажутся проигнорированными.
С учетом сказанного, есть ли способ получить какое-то сообщение об ошибке, когда я вызываю несуществующую функцию? Журнал консоли Chrome, похоже, ничего не показывает.
https://embed.plnkr.co/Dvadi8mWlUqTUW865UsI/
Я думаю, что вопрос "возможно-дубликат" схож, но на самом деле он не говорит об оповещении() или журнале() в заголовке, а различные частичные ответы, как правило, ориентированы на Angular 1.x и контроллеры - у меня нет контроллера.
Итак, часть этого вопроса - мне нужен контроллер? Похоже, что может быть простой способ "украсить" мое приложение, но сейчас у меня есть только модули и классы, нет явного контроллера.
Спасибо.
Я думаю, что лучший ответ внизу - "ng-click" должен быть предоставлен выражение, а не вызов функции.
и вот какой-то правильно отформатированный код, чтобы показать, как вызвать эти основные функции в Angular2 (для других новичков):
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
//template:`<h2>Hello, world</h2>` ,
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'Quiz Tool';
quiz = new Quiz();
doAlert(){
console.log('log: test log, yo...'); // black
console.debug('debug: test log, yo...'); // blue
console.warn('warn: test log, yo...'); // yellow
console.info('info: test log, yo...'); // black (with 'i' icon)
console.error('error: test log, yo...'); // red
alert('test...');
}
}
и вызовите метод doAlert() из вашего HTML:
<button (click)="doAlert();count = count + 1" ng-init="count=0">Increment</button>
Спасибо!