angularjs - 点击时angularjs替换整个div

Question

假设我有一个

<div class="leftbar">
 <div class="leftcontent>
 This is leftbar
 </div>
</div>

和一个右栏

<div class="rightbar">
 <div class="rightcontent">     
 This is rightbar
 <button>I have a button here</button>
 </div>
</div>

单击右栏按钮时，我想从任何地方获取数据，然后将整个div left content替换div right content为new div with {{data}}

我还没有尝试任何东西，因为我不知道如何开始。而且我也知道我们可以通过使用共享服务并将值传递给其他人来做到这一点，ng-controller但我的问题是如何在不导航到另一个 url 的情况下替换整个 div。

任何想法？

Answer 1

ngShow 对于您描述的那种交换很有用。

<div class="leftbar">
    <div class="leftcontent" ng-show="!clicked">
        This is leftbar
    </div>
    <div class="newleftcontent" ng-show="clicked">
        {{data}}
    </div>
</div>

<div class="rightbar">
    <div class="rightcontent">     
        This is rightbar
        <button ng-click="clicked=1">I have a button here</button>
    </div>
</div>

您暗示这两个区域可能由不同的控制器运行。如果是这种情况，那么，是的，您应该创建一个服务来处理 和 的值，clicked以便data可以在两个控制器之间注入和共享它。您可能想澄清您的问题以获得更具体的帮助。