这是解决方案on JSFiddle.我要提交一个补丁到Angular,看看我们是否可以得到这个核心.

HTML

<div ng-app="SampleApp" ng-controller="MainCtrl">
    <svg>
        <g id="g_{{$index}}" ng-repeat="i in range" ng-cloak>
            <rect ng-x="{{i / 5}}" ng-y="{{i / 5}}" ng-width="{{i / 5}}" ng-height="{{i / 5}}"></rect>
        </g>
    </svg>
</div>

JS

angular.module('SampleApp',[],function() {})
    .directive('ngX',function() {
        return function(scope,elem,attrs) {
            attrs.$observe('ngX',function(x) {
                elem.attr('x',x);
            });
        };
    })
    .directive('ngY',attrs) {
            attrs.$observe('ngY',function(y) {
                elem.attr('y',y);
            });
        };
    })
    .directive('ngWidth',attrs) {
            attrs.$observe('ngWidth',function(width) {
                elem.attr('width',width);
            });
        };
    })
    .directive('ngHeight',attrs) {
            attrs.$observe('ngHeight',function(height) {
                elem.attr('height',height);
            });
        };
    });

function MainCtrl($scope) {
    $scope.range = [100,300];
}