Javascript AngularJS和sidr库

对于sidr，它使用

href=“#targetdivtosird”

作为确定要在哪个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>

确认事件
这是一个很好的例子，它的意思是“我不知道，我不知道，我不知道，我不知道。”

$（文档）.ready（函数（）{
$（'confirmedEventsToggler'）.sidr（）；
});

---

上面的代码不起作用。当我点击链接时，左边的sidr出现了，但是没有内容。如何让AngularJS让sidr使用

href=“#…”？

而不是将sidr toggler直接绑定到超链接，您可以使用

$.sidr（'toggle'，confirmedEvents'）手动切换它。

确认事件
确认事件
这是一个很好的例子，它的意思是“我不知道，我不知道，我不知道，我不知道。”

$（文档）.ready（函数（）{
$（“#confirmedEventsToggler”）。单击（函数（）{
$.sidr（'toggle'，'confirmedEvents'）；
});
});

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

确认事件
这是一个很好的例子，它的意思是“我不知道，我不知道，我不知道，我不知道。”

$（文档）.ready（函数（）{
$（'confirmedEventsToggler'）.sidr({
名称：“确认人”
});
});

<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>