Javascript 来自其他状态的元素仅不可见，但在将$stateProvider与Famo.us/Angular一起使用时，仍然显示在当前视图中

我们制作了一个简单的应用程序，它由两个用$stateProvider配置的视图组成

我们遇到的问题是在不刷新页面的情况下从一个视图遍历到另一个视图的结果。发生的情况是，两个视图中的元素都存在，但当前未激活的视图中的元素被设置为不透明度0，这意味着当涉及事件处理程序时，它们会引起注意（在我们的示例中，这些不可见的元素会吸引滚动视图和单击事件）

这是在使用$stateProvider在状态/路由之间切换时的常见行为，还是特定于Famo.us/Angular？既然当前视图不是包含这些元素的视图，那么不应该将这些不相关的元素从DOM中分离出来吗？我们错过了一些琐碎的事情吗

下面是我们的$stateProvider配置

angular.module('famousAngularApp', ['ui.router', 'famous.angular'])
.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state('menu', {
            url: '/',
            templateUrl: 'partials/menu.html',
            controller: 'MenuCtrl'
        })
        .state('reader', {
            url: '/reader',
            templateUrl: 'partials/reader.html',
            controller: 'ReaderCtrl'
        });

    $urlRouterProvider.otherwise('/');
})

上述视图中包含的所有曲面都是图像曲面