如何根据angularjs中的选定对象更新ng模型?

Question

我有一个滑块，像这样：

<md-slider aria-label="text size" step="1"
ng-change="text.setProperty('fontSize', fontSize)"
ng-model="fontSize" min="1" max="100">
</md-slider>

将两个文本添加到画布。这就是我获取所选文本属性的方式：

canvas.fabric.on('object:selected', function(object) {
if (object.target instanceof fabric.Text) {
console.log(object.target);
}
});

object.target 返回一个具有如下属性的对象：object.target.fontSize：126，当然这两个对象是不同的。

如何轻松更新模型(具有字体大小值的输入字段(，以便它根据所选对象显示字体大小。现在，如果我选择任何文本对象，它会显示相同的值。谢谢！

Answer 1

您需要调用$apply()来触发$digest循环，以便视图中的值更新。

您可以在控制器中设置fontSize的值，后跟如下所示的$scope.$apply()：

canvas.fabric.on('object:selected', function(object) {
if (object.target instanceof fabric.Text) {
console.log(object.target);
$scope.fontSize = object.target.fontSize;
$scope.$apply();
}
});