Question

我有一点问题，当窗口宽度小于850像素时，我希望我的元素出现，所以这是我的功能（验证每0.2秒）：

 $scope.existence = false;
 $scope.changeEtat = $interval(function () {
    var number = window.innerWidth
    if (number > 853) {
        $scope.existence = false
    } else {
        $scope.existence = true
    }
}, 200)

这是我的Html代码：

<ul>
    <li id="menu-icon" ng-show="{{existence}}">
        <img src="assets/images/menu-icon.jpg">
    </li>
    <li><br><a href="">FILM STREAMING</a></li>
    <li><br><a href="">SERIE STREAMING</a></li>
    <li id="short"><br><a href="">FAQ</a></li>
    <li id="short"><br><a href="">DMCA</a></li>
    <li><br><a href="">CONTACTER-NOUS</a></li>
</ul>

在我的检查器中，我可以看到当窗口宽度发生变化时，ng-show值会发生变化，但元素根本不会出现。

感谢您的帮助

Answer 1

您在interpolation指令中不需要ngShow。

<ul>
    <li id="menu-icon" ng-show="existence"><img src="assets/images/menu-icon.jpg"></li>
    <li><br><a href="">FILM STREAMING</a></li>
    <li><br><a href="">SERIE STREAMING</a></li>
    <li id="short"><br><a href="">FAQ</a></li>
    <li id="short"><br><a href="">DMCA</a></li>
    <li><br><a href="">CONTACTER-NOUS</a></li>
</ul>

ngShow指令根据提供给ngShow属性的表达式显示或隐藏给定的HTML元素。

<div ng-show="myValue"></div>

Documentation

当ng-show =“true”时，我的元素不会出现？

1 个答案: