Javascript AngularJS-使用glyphicon显示和隐藏箭头图标

我的代码有问题，我所需要的就是隐藏箭头指向上的“NotesText”，显示“NotesText”后箭头必须指向下。我找不到实现这一目标的方法，求求你，我需要帮助

基本上，我需要的是改变箭头的方向，如果我需要显示或隐藏，请同意

这就是我所拥有的

这是HTML:

<div id="notes-controller" class="collapse in" ng-controller="NotesController">
    <fieldset>
        <legend class="translatable" data-i18n="Notes">Notes</legend>
        <form novalidate class="simple-form">
            <div class="container col-md-12" ng-show="$ctrl.param.note.visible">
                <textarea class="col-md-12" ng-readonly="$ctrl.param.note.readonly" type="text" id="Notes" ng-model="$ctrl.notes.note" ng-model-options="{ getterSetter: true }" />
            </div>
        </form>
    </fieldset>
</div>

<span type="button" class="glyphicon glyphicon-chevron-up" data-toggle="collapse" data-target="#notes-controller"></span>  

这就是它的外观：

---

使用ng show和ng hide指令可能是实现这一点的最佳方法。这样，就可以有一个可以指向的作用域变量。您还可以执行ng类，如果为true，则将图标旋转180度。不管怎样，都由你决定

<span ng-show="$ctrl.IsToggled" type="button" class="glyphicon glyphicon-chevron-up" data-toggle="collapse" data-target="#notes-controller"></span>
<span ng-hide="$ctrl.IsToggled" type="button" class="glyphicon glyphicon-chevron-down" data-toggle="collapse" data-target="#notes-controller"></span>  

---

非常简约的解决方案：

<div id="notes-controller" class="collapse in" ng-controller="NotesController">
    <fieldset>
        <legend class="translatable" data-i18n="Notes">Notes</legend>
        <form novalidate class="simple-form">
            <div class="container col-md-12" ng-show="$ctrl.param.note.visible">
                <textarea class="col-md-12" ng-readonly="$ctrl.param.note.readonly" type="text" id="Notes" ng-model="$ctrl.notes.note" ng-model-options="{ getterSetter: true }" />
            </div>
        </form>
    </fieldset>
</div>

<span type="button" class="glyphicon glyphicon-chevron-up" data-toggle="collapse" data-target="#notes-controller"></span>  

我的文字

控制台中有错误吗？你能指定你期望的输出吗？@Iceman Alvaro期望这样的结果，@DavidR，因为他说“箭头应该指向下方”或其他什么，上面的箭头应该隐藏起来。。。我不太明白。@Iceman基本上我需要的是，点击“箭头”后，它必须指向下方隐藏内容。i、 stack.imgur.com/tEYm1.pngThanks！如何处理ng类？因此ng类采用一个类名，后跟一个表达式（true或false）@AlvaroEnrique请看一下我的答案，以防您对ngClass实现的外观感兴趣。@AlvaroEnrique这是angular的官方文档。