Я изучаю angularjs, и я пытаюсь использовать ng-repeat
для создания графика svg.
У меня есть этот html:
<svg>
<g id="g_{{$index}}" ng-repeat="i in range" ng-cloak>
<rect x="{{i / 5}}" y="{{i / 5}}" width="{{i / 5}}" height="{{i / 5}}"></rect>
</g>
</svg>
"диапазон" - это просто простой массив, который определен в контроллере следующим образом:
$scope.range = [100, 200, 300];
работает html; прямоугольники отображаются на моей странице.
Однако Chrome продолжает бросать следующую ошибку:
Error: Invalid value for <rect> attribute height="{{i / 5}}" js/angular.js:1584
JQLiteClone js/angular.js:1584
JQLite.(anonymous function) js/angular.js:2163
publicLinkFn js/angular.js:3862
ngRepeatWatch js/angular.js:13641
Scope.$digest js/angular.js:7889
Scope.$apply js/angular.js:8097
js/angular.js:961
invoke js/angular.js:2857
resumeBootstrapInternal js/angular.js:959
bootstrap js/angular.js:973
angularInit js/angular.js:934
js/angular.js:14756
fire js/jquery-2.0.0.js:2863
self.fireWith js/jquery-2.0.0.js:2975
jQuery.extend.ready js/jquery-2.0.0.js:398
completed js/jquery-2.0.0.js:93
Кажется, что это не совсем похоже на то, что я делаю...
У кого-нибудь есть идея, почему я получаю эту ошибку?