Javascript 如何将图元高度调整为另一个图元'；她身高多少？

根据这把小提琴，textareas的高度怎么可能是旗帜高度的50%？这应该允许两个堆叠的文本区域与旗帜一样高。你看，如果视口太窄，文本区域就太高，如果视口太宽，标志就更高

我用这段代码来修改角度高度，但到目前为止它不是动态的，如果页面被调整大小，我希望它能自动相应地调整大小。基本上，我在控制器中添加DOM操作只是为了看看它是否有效

.controller('main', ['$scope', function ($scope) {
    var element = angular.element(document.querySelector('#flag'));
    $scope.height = element[0].offsetHeight;
}]);

在HTML中

<textarea class="playerName" rows="1" placeholder="APELLIDO" ng-style="{height: (height/2)-10 + 'px'}"></textarea>

---

这是可行的，但它不会随着页面大小的调整而自动刷新。

我将提供一个javascript解决方案（不是什么角度专家）

将名为

target

的类添加到textarea标记及其父级。

同时对这些目标应用

overflow:hidden

属性（如果窗口太小，您将看不到溢出内容）

检测窗口大小并计算保存图像的div的宽度。

计算宽度的一半，并将其应用于目标

---

仍然需要找到一个角度的解决方案，但repzero的方法绝对是一个聪明的方法。