gpt4 book ai didi

html - 我的 Ionic 应用程序中的 ng-if 和 ng-show 都不起作用

转载 作者:行者123 更新时间:2023-11-27 23:43:28 25 4
gpt4 key购买 nike

html代码是这样的:

<div ng-if="name=='John'">
<div class="item item-avatar"> <img ng-src="john.jpg"></div>
</div>
<div ng-if="name=='Margaret'"
<div class="item item-avatar"> <img ng-src="margaret.jpg"></div>
</div>

我也尝试过使用 ng-show 而不是 ng-if。都没有用。无论我使用哪一个,John 和 Margaret 都显示在页面上。我也尝试过使用 ng-switch。

我之前在同一个 HTML 文件上初始化的变量“名称”:

<a class="item item-avatar item-icon-right" ng-init="name = 'John'" href = "#/Page3"></a>

单击上面的行会转到第 3 页,我需要在其中显示 John 或 Margaret,具体取决于“name”的值。

是语法错误还是其他原因,因为这很有可能。我是 Ionic 和 AngularJS 的新手。

最佳答案

试试这个:

<div ng-show="name=='John'" ng-init="name = 'John'">
<div class="item item-avatar"> John</div>
</div>
<div ng-show="name=='Margaret'"
<div class="item item-avatar"> Margaret</div>
</div>

适合我。我只是将 ng-if 更改为 ng-show - 这将在 true 时显示 div 内容,否则隐藏它。我还在 div 中使用 ng-init。

关于html - 我的 Ionic 应用程序中的 ng-if 和 ng-show 都不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30860721/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com