ng-repeat with $scope's integer value

Asked Sep 24 '16 at 04:15

Active Sep 24 '16 at 08:36

Viewed 175 times

I am trying to use ng-repeat on an integer value which is shared in $scope. My code is-

Html-

<div ng-repeat="t in getTimes({{selected.head.numberOfHead}}) track by 
     $index">{{$index}
</div>

js-

  $scope.getTimes=function(n){
            return new Array(n);
  }

Here, {{selected.head.numberOfHead}} argument in getTimes() is not working. How can I do that???

If I use getTimes({{selected.head.numberOfHead}})

Error: `

[$parse:syntax] Syntax Error: Token '{' invalid key at column 11 of the expression [getTimes({{selected.head.numberOfHead}})]` starting at [{selected.head.numberOfHead}})].

If I use getTimes('{{selected.head.numberOfHead}}')- Its not looping

If I use getTimes({{'selected.head.numberOfHead'}})

Error:

[$parse:syntax] Syntax Error: Token '{' invalid key at column 11 of the expression [getTimes({{'selected.head.numberOfHead'}})] starting at [{'selected.head.numberOfHead'}})].

edited Sep 24 '16 at 08:36

Paulo Galdo Sandoval

2,173
6
27
44

asked Sep 24 '16 at 04:15

ishmam shahriar

Can you clarify what you mean by "not working"? Do you have an error in the Javascript console you can share? – asifrc Sep 24 '16 at 04:19
have been clarified – ishmam shahriar Sep 24 '16 at 04:24
2

try to remove the {{ }} – Amr Magdy Sep 24 '16 at 04:28
+1 to @AmrMagdy. Also, (in general) try googling your error; first result for "Syntax Error: Token '{' invalid key at column 11 of the expression" for me was http://stackoverflow.com/questions/31357055/having-a-hard-time-debugging-error-token-invalid-key-at-column-2/31357878 – asifrc Sep 24 '16 at 04:30
also you have to replace {{$index} with {{$index}} – Amr Magdy Sep 24 '16 at 04:31
check this fiddle for more info http://jsfiddle.net/L2hqzshb/. there are many thins wrong as suggested by other people in comments. – Deendayal Garg Sep 24 '16 at 04:40

ng-repeat with $scope's integer value

0 Answers0