AngularJS未在数组

时间:2016-05-06 11:43:08

标签: javascript jquery angularjs

我开发了一个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对象,例如日期/时间根据用户选择发送到我的数据库。

这是最好的方法吗?还是有更好的方法?

1 个答案:

答案 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.
}