如何在我的情况下创建切换效果？

Question

我正在尝试在我的角度应用中创建一个切换。

我有类似的东西

<div ng-repeat='item in items'>
    <div ng-click='toggle-{{item.number}} =!toggle-{{item.number}}>
        <span>
            <span>open</span>  // I want to show 'open' text only when the page first loaded
            <span>close</span> // I want to show 'open' text only when user clicks the div
        </span>
    </div>
</div>

我想根据用户操作切换open和close范围。做这个的最好方式是什么？谢谢！

Answer 1

你很亲密！实际上，你甚至不需要在你的切换事件中涉及item.number。您基本上想要翻转showHide值，并使用!运算符将它们替换为2个选项。

    <div ng-click="showHide = !showHide">
        <span>
            <span ng-show="!showHide">open</span> 
            <span ng-show="showHide">close</span>
        </span>
    </div>

<强> jsFiddle example