AngularJS显示/隐藏内容并交换图像

我有一个基本的小部件块：

<div class="matter ng-controller="ProductsCtrl">
    <div class="container-fluid">
        <div class="widget">
            <div class="widget-head">
              <div class="pull-left">Browse live products</div>
                    <div class="widget-icons pull-right">
                        <a class="wminimize" href="#" ng-click="showContent = !showContent"><i class="icon-chevron-up"></i></a> 
                    </div>  
                <div class="clearfix"></div>
            </div><!--widget-head-->

            <div class="widget-content" ng-class="{ 'hidden': !showContent }">
              <div class="padd">

                <div>
                    {{content}}
                </div>

              </div>
              <div class="widget-foot"></div>

            </div><!--widget-content-->
        </div><!--widget-->
    </div>
</div>

我正在使用ng click隐藏/显示内容，但我尝试将内容默认为可见，并尝试在隐藏时将图像替换为向下的V形图标。我对Angular非常陌生，我正在寻找一些方向来添加模型和东西，以使这些简单的功能发挥作用

任何帮助都将不胜感激

---

编辑：通过将

ng class=“{'hidden'：！showContent}”切换到
ng class=“{'hidden'：showContent}”
使默认内容可见，我会在控制器中将
$scope.showContent
设置为true。您可以使用
ng class
根据
showContent
的值按以下方式更改V形图标类：
。仅应用truthy值的键，因此它将是
图标V形向上
或
图标V形向下
。如果我误解了你的问题，请告诉我
 不，这是完美的（只是图标向后）。角度是如此惊人，只是很难理解最初的几个步骤。谢谢
appAdmin.controller("ProductsCtrl", function($scope){

});