Angularjs 角度-切换开/关divs

在这个提琴中，我有两个包含广告放置的html div。我想使用Angular来打开/关闭它们，这样在一个实例中会显示Ad 1，而在另一个实例中会显示Ad 2。请注意，在每个div中，我都有Javascript内容，我还希望打开/关闭这些内容

我基本上想要更新视图

HTML:

如何继续执行此操作？

只需使用而不是类，并在作用域上使用布尔属性来触发div

HTML:

或者，可以使用

ng include

仅基于属性渲染模板

HTML:

您可以通过

控制器

$scope.myDiv=true;

查看

<div ng-show="myDiv">
  if true this will visible
</div>

如果为真，这将是可见的

更改可见性是最佳选择吗？我认为有一种方法可以从一个角度动态切换模板/部分，这取决于你想完成什么，从你发布的内容来看，它看起来像是可见性。如果你说“我只想根据用户的浏览器加载一个广告”，显然，可见性就不那么好了。我已经更新了我的答案，包括切换模板。

<div ng-controller="MyCntrl">
    <div id="ad1" ng-show="toggle">
        AD 1
        <img src ="http://images.dailytech.com/frontpage/fp__Apple-100x100.png"></img>
        <script><!-- code here --></</script>
    </div>
    <div id="ad2" ng-show="!toggle">
        AD 2
        <img src ="http://fixmypod.ca/image/cache/data/NEWEST_Phones/Samsung_Galaxy_Note_2-100x100.jpg"></img>
        <script><!-- code here --></</script>
    </div>
</div>

var app = angular.module('HelloApp', []);

app.controller('MyCtrl',['$scope','$element', function($scope, $element) {
    $scope.toggle = true;
    $scope.changeView = function(ad){
        $scope.toggle = !$scope.toggle;
    }
}]);

<div ng-controller="MyCntrl">
    <div ng-if="condition">
        <div ng-include="`template/path/ad1`"></div>
    </div>
    <div ng-if="!condition">
        <div ng-include="`template/path/ad2`"></div>
    </div>
</div>

$scope.myDiv=true;

<div ng-show="myDiv">
  if true this will visible
</div>