Question

我使用angular和jquery放置了一个事件日历。一个样式按钮说+我的时间表将数据添加到localStorage，然后将其拉入另一个页面以供用户参考。 localStorage功能正常工作，直到它被带入Angular模板。现在单击该链接会使页面跳起，并且控制台或localStorage中没有记录任何内容。我正在尝试做的一个工作示例是在下面的url，这个页面都是硬编码的，我试图在Angular模板中实现相同的东西：http://events.latimes.com/festivalofbooks/the-festival/schedule/ 任何帮助，将不胜感激。这是一个小提琴：http://plnkr.co/edit/gaKFWTsACxwCg0i4JCiw?p=preview 这是缩短的模板，因为我必须在此处粘贴代码：

 <table class="target-stage stage-only" border="0" cellspacing="0" 
 cellpadding="0" style="border:none;" > 
      <tr>
        <td width="190" valign="top" class="ev-time">{{item.time}}</td>
        <td valign="top" class="ev-desc">
        <p class="ev-date">{{item.day}}, {{item.date}}, 2015</p>
        <strong>{{item.first_name}} {{item.last_name}},</strong> Author of 
 <em>" {{item.work_title}}"</em><br />
        {{item.stage}}
        <span class="info-btn"><p class="selctor" rel={{item.rel}}><span     
 class="addSchd"><a href="#"><b>+ MY SCHEDULE</b></a></span>
        </td>
      </tr>
 </table>

Answer 1

我在这看到一些问题。首先，你的HTML被打破了。 p-tag永远不会关闭。

<span class="info-btn"><p class="selctor" rel={{item.rel}}><span class="addSchd"><a href="#"><b>+ MY SCHEDULE</b></a></span>

其次，就我快速浏览一下，您可以动态添加内容。您不能在动态内容上使用（selector）.click（），因为选择器在调用代码时不会存在。而是使用on（），它将应用于动态生成的内容，如下所示：

$(document).on("click", ".button", function() {
    // do this when class with .button is clicked
});

<a> tags not working in AngularJS</a>

1 个答案: