Angular js ng-repeat和ng-show在刷新时不起作用

Angular js ng-repeat and ng-show not working on refresh

本文关键字:刷新 不起作用 ng-show js ng-repeat Angular      更新时间:2023-09-26

您好,我有以下问题:我创建了一个带有角度js和spring的Web应用程序。这是一个您可以发布一些消息的平台。因此,在角度控制器上,我编写了以下代码。

<div class="row" ng-repeat="message in messages">
                <div class="col-md-4 mb" style="margin-left: 40px;">
                    <div class="darkblue-panel pn">
                        <div class="darkblue-header">
                            <h5>{{messages.message}}</h5>
                        </div>
                        {{messages.creator}} {{messages.date | date:'dd.MM.yy'}}
                        <br/>
                        <div ng-show="'{{messages.creator}}'=='{{settingsAccount.login}}'">
                            <button type="submit"
                                    ng-click="update(messages.id)"
                                    class="btn btn-default">
                                <span class="glyphicon glyphicon-pencil"></span> Edit
                            </button>
                            <button type="submit"
                                    ng-click="delete(messages.id)"
                                    class="btn btn-danger">
                                <span class="glyphicon glyphicon-remove-circle"></span> Delete
                            </button>
                        </div>
                    </div>
                </div>
            </div>

注意 ng-show。此行负责编辑和删除消息的按钮仅向消息的创建者显示。

到目前为止,一切正常。消息与按钮一起显示。当我刷新页面时出现问题。然后显示消息,但编辑和删除按钮消失了。

值(messages.creator 和 settingsAccount.login)仍然相同,但我认为 ng-show 在刷新后没有检查。当我粘贴新消息时,会检查ng-show条件,我可以编辑之前粘贴的消息以及刚刚粘贴的消息。

如何解决这个问题?为什么页面刷新后未检查 ng 显示的条件?刷新后是否执行 ng 重复?

我已经想出了一个解决方案。刷新后,我丢失了会话中的值。为了解决这个问题,我现在正在使用我在开始时初始化的本地存储或 Cookie。