javascript - angular ngModel可以用来绑定(bind)到HTML元素的属性吗

Question

我想知道是否有将 HTML 元素的属性绑定(bind)到 ngModel 的 Angular 方法。

例如我有两个 HTML 元素，如果第一个元素的宽度发生变化，我想更改其他元素的宽度。我认为会有一些方法可以将第一个元素的宽度属性绑定(bind)到模型属性，然后使用相同的模型进行设置其他元素的宽度。

如何以 Angular 方式执行此场景。

Answer 1

可能就像...

<div ng-style="{'width':firstWidth}">
</div>
<div ng-style="{'width':secondWidth}">
</div>

还有一些类似于...的 Controller 代码

$scope.firstWidth = 100 + "px";
$scope.secondWidth = $scope.firstWidth;

然后在某处更改第一个宽度并注意第二个宽度会自动更改。在本质上。我不知道这是否是最好的方法，因为有很多方法可以做到这一点，但这里是最简单的。

评论示例

<div ng-style="{'width':size}">
</div>
<div ng-style="{'width':size}">
</div>

 $scope.size = Whatever number your controller is giving you for this dynamic size