首页 > 解决方案 > 如何在 ng-if 条件下使用变量?

问题描述

我希望有人可以帮助我解决这个问题。

我正在构建一个消息传递移动应用程序,我希望使用这个 ng-if 条件让我的消息传递样式更具交互性,但是我在使用我范围之外的变量时遇到了问题。“xyz”是我的变量,包含当前用户的电子邮件。我使用这个 xyz 来处理我数组中的电子邮件。如果消息的电子邮件等于 currentUser,即“xyz”变量,则消息将被放置在右侧,如果不是,则消息将被放置在左侧。

<div ng-repeat="m in messages">
      <div ng-if="m.email === xyz" id="getCss" class="chat self">
          <div class="user-photo"><img src="css/Image/image.png" style=" width: 60px; height: 60px;"></div> 
          <div class="chat-message">
          <p class="mailcss">{{m.email}}</p>
          <div class="messcss">{{m.message}}</div>
        </div>
      </div>
      <div ng-if="m.email !== xyz" id="getCss" class="chat friend">
          <div class="user-photo"><img src="css/Image/image.png" style=" width: 60px; height: 60px;"></div> 
          <div class="chat-message">
          <p class="mailcss">{{m.email}}</p>
          <div class="messcss">{{m.message}}</div>
        </div>
      </div>
    </div>

如果我使用像 'lenard@gmail.com' 这样的字符串,它可以工作。我不想那样做,因为它只对拥有电子邮件的用户有好处,其他用户呢?有没有办法解决这个问题?

提前致谢。快乐编码!

标签: angularjsfirebase-realtime-databasemonaca

解决方案


推荐阅读