javascript - AngularJS 和 sidr 库

Question

对于 sidr，它使用 href="#targetDivToSidr" 来确定要在哪个 div 上执行侧边栏。与 AngularJS 一起使用时会出现问题，因为 # 用于路由。

<a id="confirmedEventsToggler" href="#confirmedEvents">Confirmed Events</a>
<div id="confirmedEvents">
<h1>Confirmed events</h1>
<p>Foo Lorem Ipsum Dolor Foo bar aiodnwaindawo idno adnwaiodn aiodnwaiodn wiao dnwaio dnawiodnwiaodnawiod nwi    od nwaiodnwiao</p>
</div>

<script> 
     $(document).ready(function() {
        $('#confirmedEventsToggler').sidr();
     });
</script>

上面的代码不起作用。当我点击链接时出现左侧的sidr，但没有内容。如何让 AngularJS 让 sidr 使用 href="#..."？.

Answer 1

它不使用 href。默认情况下，它会查找 id='sidr'，但您可以使用 'name' 选项传递 id:

<a id="confirmedEventsToggler" href="#">Confirmed Events</a>
<div id="confirmedEvents">
    <h1>Confirmed events</h1>
    <p>Foo Lorem Ipsum Dolor Foo bar aiodnwaindawo idno adnwaiodn aiodnwaiodn wiao dnwaio dnawiodnwiaodnawiod nwi    od nwaiodnwiao</p>
</div>

<script> 
    $(document).ready(function() {
        $('#confirmedEventsToggler').sidr({
            name: 'confirmedEvents'
        });
    });
</script>