Это примерно Angular2
Как прослушивать события (например, Щелчок) на элементах без формы, таких как <li>
?
боковой bar.html
<div class="col-sm-3 col-md-2 sidebar">
{{title}}
<ul class="nav nav-sidebar">
<li *ng-for="#collection of collections" (click)="liClicked(this)">
<a href="#">{{ collection }}</a>
</li>
</ul>
</div>
SideBarComponent
function SideBarComponent(){
this.title = "Collections";
this.collections = ["Collection-1", "Collection-2", "Collection-3", "Collection-4", "Collection-5"];
this.liClicked = function(el){
alert('a');
}
}
SideBarComponent.annotations = [
new angular.ComponentAnnotation({
selector:'side-bar'
}),
new angular.ViewAnnotation({
templateUrl: 'templates/side-bar.html',
directives:[angular.NgFor]
})
];
Здесь следует отметить, что если я заменил тег <a>
на side-bar.html тегом <button>
, событие click отлично работает. Но по какой-то причине это не работает, когда я добавляю обработчик (click)
к элементу <li>
.