gpt4 book ai didi

javascript - 根据 Angular js中列表的大小使用if语句

转载 作者:行者123 更新时间:2023-12-03 11:01:01 26 4
gpt4 key购买 nike

是否有可能以及如何开始我正在尝试做的事情。我已经成功创建了这个:

示例2.html

<head>
<title> test2 </title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>

<body>

<h2> Section Two </h2>
<div ng-app="" ng-controller="ModuleTwoController">
<p><input type="text" ng-model="test"></p>

<ul>

<li ng-repeat="x in filtered = (countries | filter:test)">
{{ x.country }}
</li>
</ul>

<p> Items in list: {{filtered.length}} </p>
</div>

<script src="mod2.js"></script>

</script>
</body>
</html>

mod2.js

function ModuleTwoController($scope){
$scope.countries = [{country:'Argentina'},
{country:'USA'},
{country:'Brazil'},
{country:'Hong Kong'},
{country:'UK'},
{country:'Turkey'},
{country:'Rwanda'},
{country:'Federated States of Micronesia'},
{country:'India'},
{country:'South Africa'}
];
}

到目前为止,当我输入其中一个国家/地区时,此过滤器会被过滤掉。如果我输入“s”,则仅返回名称中带有 s 的内容。我希望我的 if 语句说“如果列表大小 = 1”,则显示国家/地区国旗。如果列表大小 >1,则不显示任何内容。有没有办法在 html/js/css 中做到这一点,并且 Angular 中有一个好的 if 函数吗?

最佳答案

当然,只需检查长度属性:

<p> 
Items in list: {{filtered.length}}
<span ng-if="filtered.length === 1">FLAG CODE HERE</span>
</p>

关于javascript - 根据 Angular js中列表的大小使用if语句,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28093999/

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