javascript - 在 angular.js 中将 div 的宽度设置为父级的百分比

Question

我在 Jquery 中有一个条形图，我想以 Angular 重新创建它。该图只是程式化的 div，其宽度设置为父级的百分比，如下所示

$('.item-skills').each(function(){
  newWidth = $(this).parent().width() * $(this).data('percent');
  $(this).width(newWidth);
});

我想把它放在一个叫做 bar-graph 的指令中来使用

<div bar-graph="0.85"></div>

这会产生一个宽度为父级 85% 的 div

编辑:我在这里找到了解决方案 Angularjs adjust width based on parent element width

Answer 1

你所追求的是一个指令。 like this question on stackoverflow这是一个链接 creating directives来自 AngularJS