Javascript can模型用于绑定到HTML元素的属性
我想知道是否有一种将HTML元素的属性绑定到ngModel的方法 例如,我有两个HTML元素,如果第一个元素的宽度发生变化,我想改变另一个元素的宽度。我认为有一些方法可以将第一个元素的宽度属性绑定到一个模型属性,然后使用相同的模型来设置另一个元素的宽度 如何以有角度的方式执行此场景。可能类似于Javascript can模型用于绑定到HTML元素的属性,javascript,html,angularjs,Javascript,Html,Angularjs,我想知道是否有一种将HTML元素的属性绑定到ngModel的方法 例如,我有两个HTML元素,如果第一个元素的宽度发生变化,我想改变另一个元素的宽度。我认为有一些方法可以将第一个元素的宽度属性绑定到一个模型属性,然后使用相同的模型来设置另一个元素的宽度 如何以有角度的方式执行此场景。可能类似于 <div ng-style="{'width':firstWidth}"> </div> <div ng-style="{'width':secondWidth}">
<div ng-style="{'width':firstWidth}">
</div>
<div ng-style="{'width':secondWidth}">
</div>
然后改变第一个宽度,注意第二个宽度会自动改变。本质上。我不知道这是否是最好的方法,因为有很多方法可以做到这一点,但这里是最简单的
评论示例
<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
$scope.size=控制器为此动态大小提供的任何数字
好的,如果我明白了,你想做的事情是观察div的width css属性,它可以动态地改变它的大小。你有没有试过一个具有以下功能的观察程序:
$scope.da_width = {};
$scope.elem = angular.element('div#first'); //jquery need it for this
$scope.$watch(function($scope) {return $scope.elem.css('width'); }, function(newValue) {
$scope.da_width = { 'width': newValue };
});
这样,您将始终知道div#first的宽度是多少,并且可以将其分配给视图中的div#two或其他对象:
<div id="two" ng-style="da_width">...</div>
。。。
感谢您的回复,但这需要我知道该事件的大小何时发生变化,我必须指定第一到第二个事件的宽度。事件应该是什么。没有简单的方法不需要我找到该事件并指定属性。我的第一个元素的宽度将动态变化。您能更好地解释一下您的问题吗?我很难理解您到底在做什么。我有两个div标记..我希望这两个标记的宽度应该是相似的..当应用程序运行时,在第一个div中添加各种其他元素,并且其宽度增加..所以我希望第二个元素的宽度也应该增加..基于FirstOk但是标签是如何动态改变大小的呢?这个大小是从哪里来的?我现在明白你的意思了..我对web开发有点陌生..HTML大小不能动态更改,除非有人从javascript设置它,或者我们可以说控制器..我想我可以使用你说的方法。。
<div id="two" ng-style="da_width">...</div>