Question

我希望点击的div内容出现在另一个div中（通过插值）。但是当我点击div时 - 我的“视图”div中没有任何内容。请看下面的代码：

<script type="text/javascript" language="javascript">
    $(function() {
        // external js: masonry.pkgd.js, imagesloaded.pkgd.js

        // init Masonry after all images have loaded
        var $grid = $('.grid').imagesLoaded(function () {
            $grid.masonry({
                itemSelector: '.grid-item',
                percentPosition: true,
                columnWidth: '.grid-sizer'
            });
        });
    });
</script>

它没有按预期工作。 Here's my Plunker example

我的代码出了什么问题？

Answer 1

使用this绑定到模板。您将事件绑定到局部变量。所以你的课应该是这样的：

export class App {
  name:string;
  year: string;
  surname: string;
  country: string;
  cartoon: string;
  element: any;
  target:any;

  clicked(event) {
    this.target = event.target.innerText;
  }

更新了plunker：https://plnkr.co/edit/cnA0nGTjdsHGqCKWTQ7c?p=preview

事件绑定不起作用Angular2

1 个答案: