Javascript 无法获取角度控制器'；将数据转换成HTML

我使用的是Angular 1.6。 我试图从组件控制器获取SVG元素的x和y位置

this.painterModel = [];
var imageRef = {};
imageRef.path='assets/images/sample.png';
imageRef.xPos = 100;
imageRef.yPos = 100;
this.painterModel.push(imageRef);

目前，列表只有一个元素。HTML如下所示

<svg id="frontView" width="1000" height="1000">
            <image ng-repeat="x in $ctrl.painterModel" href="x.path" x="x.xPos" y="x.yPos" />
</svg>

我总是在控制台上看到这样的错误

app.js:9756 Error: <image> attribute x: Expected length, "x.xPos".
app.js:9756 Error: <image> attribute y: Expected length, "x.yPos".

app.js:9756错误：属性x：预期长度，“x.xPos”。
app.js:9756错误：属性y：预期长度，“x.yPos”。

---

我做错了什么？

那么用

{{rendering}}

来代替实际值呢

现在，只需将字符串

'x.xPos'

传递给属性，而不是

x.xPos

的值。这就是为什么会得到错误预期长度“x.xPos”。另外，请使用

ng href

而不是

href