[英]AngularJS ng-show doesn't work
我有以下代码:
<header class="hero-unit" id="banner" ng-include="'components/header/header.html'"></header>
<div ng-include="'components/navbar/navbar.html'"></div>
<div class="container">
<h3 class="site-headline">Opret nyt produkt</h3> <hr>
<form>
<div class="container jumbotron">
<div class="col-md-12">
<select ng-model="selectedOption">
<option ng-repeat="option in options">
{{ option.name }}
</option>
</select>
</div>
<div ng-show="selectedOption.name == Pool" ng-include="'components/new/new-pool.html'">test</div>
</div>
</form>
</div>
<footer class="footer" ng-include="'components/footer/footer.html'"></footer>
而且我试图每当selectedOption == "Pool"
时显示ng-include,但是即使ng-show条件不正确,也会显示ng-include。
我已经尝试过使用" ==='Pool'"
且不使用'
,但是似乎没有任何效果,而且我无法将其包围。
您正在比较selectedOption.name == Pool
,它碰巧是undefined == undefined
。 由于您是如何设置ng-select
,因此只想比较一下:
selectedOption === 'Pool'
看到这个简单的朋克 。
无论是让你为模型select
是selectedOption.name
或您的条件被ng-show="selectedOption == 'Pool'"
你的条件正在寻找一个不同的变量比你的设置select
( selectedOption
与selectedOption.name
)。 (另请注意“ Pool”周围的引号)
我不确定,但是您可能需要给您的option
元素一个值。
我设法找到我的问题
不知何故,我设法创造了一个空间,所以它没有说
Pool
但它说
Pool
从此更改:
<option ng-repeat="option in options">
{{ option.name }}
</option>
对此:
<option ng-repeat="option in options">{{ option.name }}</option>
解决了我的问题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.