无法读取property 'length'在旁边的未定义的

Cannot read property 'length' of undefined in aside

本文关键字:未定义 在旁边 length 读取 property      更新时间:2023-09-26

我使用ng-strap的modal、alert和aside。它们自己都工作得很好,但是当我试图把一个警报或模态放在一边时,它给了我这个错误:

Uncaught TypeError: Cannot read property 'length' of undefined.

这是一个plunkr: http://plnkr.co/edit/vLbDAarzpbT3qk0aNw12?p=preview

我使用了完全相同的代码(复制&

<button type="button" class="btn btn-default" data-animation="am-fade-and-scale" data-placement="center" bs-modal="myModal">Modal!</button>
<button type="button" class="btn btn-default" data-placement="top" data-container="body" data-duration="3" bs-alert="errorAlert">Alert!</button>

如何解决这个问题?

<div class="aside-body">
    <button type="button" class="btn btn-default" data-animation="am-fade-and-scale" data-placement="center" ng-click="$isShown = false" bs-modal="myModal">Modal!</button>
    <button type="button" class="btn btn-default" data-placement="top" data-container="body" data-duration="3" ng-click="$isShown = false" bs-alert="errorAlert">Alert!</button>
</div>
    ng-strap库在作用域中设置了一个变量$ isshow来指示模态当前是否正在打开。
  • 当你点击"点击打开"时,它将该变量设置为true。当你点击旁边的"模态"按钮时,它会检查这个变量,看看它是打开的(但实际上是另一个模态),所以它会将模态切换为关闭。但是"modal"按钮的模态实际上还没有显示,导致错误
  • 不确定什么是正确的方法来解决这个问题,因为我以前没有使用过这个库。让模态工作的一个"hack"是当你点击"modal"按钮时手动设置$ isdisplays变量为false,就像上面的代码:ng-click="$ isdisplays = false"
  • Plunkr: http://plnkr.co/edit/qVy1Gol7RWGnsNUCMBWm?p=preview