angularjs - 如何在 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' 这样的字符串,它可以工作。我不想那样做,因为它只对拥有电子邮件的用户有好处,其他用户呢?有没有办法解决这个问题?
提前致谢。快乐编码!
解决方案
推荐阅读
- angular - TypeScript 泛型:扩展提供的接口
- python - 如何在熊猫中绘制另一列的一列“用法”
- python-3.x - Python + Docker + 未找到模块
- mysql - 如何在不使用 row_number 函数的情况下获得具有欺骗性的第一行?
- node.js - 如何在 TypeScript 中实现 GRPC 服务器?
- sapui5 - SAPUI5 PlanningCalendar 设置 startDate
- javascript - 每个项目的jQuery在点击时分配内容
- python - Python在加法操作期间抛出带有意外行为的OverflowError
- google-apps-script - 如何在下一个函数运行之前附加工作表
- json - Azure linux VM部署.json失败,输入密码进行部署