Javascript 获取clickfunction、敲除clickbindings的值

请有人能帮我从点击功能中获取值，它在控制台上没有显示任何内容，我需要在点击特定列表项时获取标题和位置值

 var locations = [
{title: 'Park Ave Penthouse', location: {lat: 40.7713024, lng: -73.9632393}},
{title: 'Chelsea Loft', location: {lat: 40.7444883, lng: -73.9949465}},
{title: 'Union Square Open Floor Plan', location: {lat: 40.7347062, lng: -73.9895759}}


  var viewmodel = function(){
    var self = this;
    self.location = ko.observableArray();
    locations.forEach(function(locat){
      self.location.push(locat)
    })

self.clickEvent= function(currentItem){
    console.log(currentItem.title())


  }
  }

  ko.applyBindings(new viewmodel());

html是这样的

 <ul data-bind="foreach:location">
    <li data-bind = "text:title,|click:$parent.clickEvent"></li>
  </ul>

默认情况下，击出单击绑定将当前模型值作为第一个参数传递，因此您不需要做任何花哨的事情。您的代码中还有一些其他错误，可能会阻止事件正确触发

单击绑定中的“|”符号可能不应该存在，除非这是我不熟悉的函数：

//<li data-bind = "text:title,|click:$parent.clickEvent"></li>
<li data-bind = "text:title, click:$parent.clickEvent"></li>

位置数组还缺少许多分号和结束括号

---

编辑：

非常感谢，它起了作用，确实是符号“|”的问题

//console.log(currentItem.title())
console.log(currentItem.title);