Question

我的HTML中有一个隐藏属性

<input id="temp" type="hidden" name="country" value="{{$index + 1}}" ;>

请注意，{{$ index + 1}}是在隐藏标记上方写入的ng-repeat的索引。

现在我试图获取这个临时隐藏变量的值（试图获取索引的值）。

<script type="text/javascript" >
var tempo = document.getElementById("temp").value;
var tempi = parseInt(tempo) % 6;
console.log(tempi);
var imagepath = "img/products/coffee/coffee-"+tempi+".jpg" ;
document.getElementById("product-images").src = imagepath;
</script>

但是，当我看到分配给我的img标签的src属性的值时，它总是NAN。

请注意{{$index + 1}}的数据类型为STRING。所以，我将它转换为整数并尝试进行mod操作。对于tempi变量仍然获得NAN。知道我哪里错了吗？非常感谢你。

Answer 1

你可以试试这个：

HTML：

<input id="temp" name="country" ng-init="hiddenValue = ($index + 1)" ng-model='hiddenValue'>

JS：

<script type="text/javascript" >
    function MyCtrl($scope) {
        $scope.yourAngularFunction = funcion() {
            console.log($scope.hiddenValue);
        }
    }
</script>

虽然实际上有更好的方法来处理一般逻辑

NAN分配给Angular JS中的ng-repeat $索引

1 个答案: