Question

我有一个关于未出现的奇怪问题

我有类似

的东西

<ul>
    <li ng-repeat="item in items" >
        <a ng-click="showNew =! showNew">{{item.text}}
            <span ng-show="showNew">New Items!</span>
        </a>
    </li>
    <li ng-show="showNew">
        <a >Category 1 </a>
    </li>
</ul>

出于某种原因，只有＆＃39; New Items!＆＃39;单击a标记时显示。第1类永远不会显示。我认为showNew在我的情况下将处于相同的范围内。我该如何解决这个问题？非常感谢！

Answer 1

您可以使用ng-init在模板中创建更高的变量，这应该有所帮助。这不是一个理想的修复方法，但如果您不想编辑其他文件，则可以快速简便。

编辑：您需要在模型中使用点符号，以便角度范围魔术可以工作。（这是$ scope.nested = {showNew：false}

的等价物

<ul ng-app ng-init="nested.showNew=false">
    <li ng-repeat="item in [1,2,3]" >
        <a ng-click="nested.showNew =! nested.showNew">{{$index}}
            <span ng-show="nested.showNew">New Items!</span>
        </a>
    </li>
    <li ng-show="nested.showNew">
        <a >Category 1 </a>
    </li>
 </ul>

http://jsfiddle.net/0692dbak/

如何在我的案例中正确显示和隐藏元素

1 个答案: