javascript - AngularJS和sidr库

对于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="#..."?。

最佳答案

它不使用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>

关于javascript - AngularJS和sidr库，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19795215/