2016-04-30 10 views
0

我在我的HTML隐藏属性为

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

注意,{{$指数+ 1}}是NG重复索引写在隐藏标签上方。

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

<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操作。 仍然获得temp用于tempi变量。 任何想法我哪里错了? 非常感谢。

+0

当你试图获取输入字段的值?点击事件?模糊事件?请提供更多信息。 – Ashot

+0

输入字段没有意义。基本上我希望通过我的img属性显示138个图像,并且这些图像的源代码位于img/products/coffee/coffee - “+ tempi +”。jpg“格式中,其中tempi的范围为{0 ... 6} –

+0

所以创建一个循环到js文件中。为什么你在dom中添加了隐藏的输入字段? – Ashot

回答

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> 

虽然实际上有更好的方式来工作的总体逻辑