将AngularJS和SimpleModal jQuery插件一起使用时出错

Question

我正在尝试使用SimpleModal OSX打开模态，并使用AngularJS分配某些属性的值。但是，当我单击某个项目以打开新模式时，它不起作用并且页面重新加载。这是明确的代码

<li ng-repeat="news in newsItems" class="some class">
   <a class="osx" href="#" data-page={{news.dataPageUrl}}>
      <article>
         <header>
            <span class="itemtype">{{news.dateHeader}}</span>
               <h1>{{news.header}}</h1>
         </header>
         <img height="145" src={{news.imageUrl}} alt={{news.imageHeader}} />
      </article>
   </a>
</li>

动态项目出现在我的页面中，因此ng-repeat指令有效。我添加了一个静态项目，它会打开一个没有问题的新模态。 osx.js脚本在body标记的末尾加载。我做错了什么？