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值的服务，以便可以在两个控制器之间注入和共享它。您可能想澄清您的问题以获得更具体的帮助。

单击时，angularjs会替换整个div

1 个答案: