grails angularjs-模式未按预期工作

我只想在用户单击鼓励按钮时显示模式（

鼓励模式

）

配置 GSP视图

\u鼓励。GSP

是：

<div ng-controller="EncouragementController">
    <g:if test="${notEncouraged}">
                           <button class="btn" ng-click="openEncouragementModal()">Encourage</button>
                           <div modal="encouragementModal" close="closeEncouragementModal()" options="opts">
                            <div class="modal-header">
                                <h3>Encourage!</h3>
                            </div>
                            <div class="modal-body">
                                    You are about to encourage with {{amount}}.
                            </div>
                            <div class="modal-footer">
                               <button class="btn btn-info cancel" ng-click="encourage()">Confirm</button>
                                <button class="btn btn-warning cancel" ng-click="close()">Cancel</button>
                            </div>
                        </div>
                    </g:if>
                    <g:else>
                          Thank you for encouraging.
                    </g:else>

问题: 只有鼓励按钮第一次应该是可见的，但我看到的是按钮以及

鼓励模式

及其按钮

那么，我该怎么做呢

我遵循的参考资料 [1]

---

[2]

您首先需要隐藏它，并且只在scope.encouragementModal值为true时显示它

<div modal="encouragementModal" ng-show="encouragementModal" options="opts">

put

ng show=“encouragementModal”

仅显示鼓励按钮，但单击时，

encouragementModal

显示在浏览器中嵌入的按钮的正下方，而不是显示为面板。如果在实际模式div上设置ng show，则单击按钮时，scope.encouragementModal设置为true，ng show将计算为true，以显示模式。将其放在小提琴或弹琴中。这样做容易得多

<div modal="encouragementModal" ng-show="encouragementModal" options="opts">