我开发了一个AngularJS应用程序。
在视图中,我有一个项目列表 - 每个项目都有自己的一组单选按钮。列表和按钮是在API调用的运行时构建的。
列表和单选按钮都可以是任意长度,例如列表项1可能包含3个单选按钮,而列表项n可能包含2个单选按钮。
当用户选择单选按钮时,我会触发一个ng-click方法,该方法将列表ID和单选按钮ID都发送给控制器。
视图如下所示,我已对此进行测试,并将值发送到控制器。
<label class="radio-button" ng-repeat="option in checkItemDescription.options">
<input type="radio" name="option_question_id_{{checkItemDescription.fleetcheckitemid}}"
ng-model="checkItemDescription.selected_id"
ng-click="doSomething(checkItemDescription.fleetcheckitemid, option.fleetcheckid)"
ng-value="option.fleetcheckid">
<div class="radio-button__checkmark"></div>
Description: {{option.checkvaluedesc}}
</label>
在我的doSomething()方法中,我试图查看 checkItemDescription.fleetcheckitemid 或 option.fleetcheckid id是否在现有数组中。
我使用indexOf()方法来比较值,但该方法似乎不起作用 - 即使console.log()显示值被发送到控制器。
下面是我的doSomething()方法。
$scope.doSomething = function(fleetCheckItemID, fleetCheckID)
{
if ( $scope.initialFleetCheckIssueItemIDArray.indexOf(fleetCheckItemID))
{
console.log("Yeah!"); // Never gets to here even though logs show values exist
}
else
{
console.log("Ah!"); // Always get here
}
}
我需要做的是创建一个带有列表项ID,单选按钮ID和其他一些值的JSON对象,例如日期/时间根据用户选择发送到我的数据库。
这是最好的方法吗?还是有更好的方法?
答案 0 :(得分:2)
indexOf()方法返回可在数组中找到给定元素的第一个索引,如果不存在则返回-1。
- 来自MDN。
所以如果你的元素是集合中的第一个,那么indexOf将返回0,这将导致执行else块,所以改变你的if条件就像这样。
if ( $scope.initialFleetCheckIssueItemIDArray.indexOf(fleetCheckItemID) != -1 )
{
//element found, do stuff here.
}
else
{
//element does not found, else stuff here.
}