Angularjs 角材料弯曲在ng重复元素中

我正在使用角度材质行和列布局构建一个动态表。我使用ng repeat基于名为scope.tableLayout的对象数组中预定义的列构造列。每个对象都有一个弹性值。我想做的是根据对象中的flex值设置表列宽。有办法做到这一点吗

我的JSfiddle表附在我试图将flex设置为flex=“col.flex”的地方，但运气不好。感谢您的帮助。

试验
标题{{$index}
{{$index}}
var-app=angular.module（'myApp'，['ngMaterial']）；
应用程序控制器（'mainCtrl'，函数（$scope）{
$scope.tableLayout=[{“head\u id”：“GAP Assessment”，“table\u id”：“1”，“table\u name”：“GAP table”，“element\u id”：“0”，“element\u name”：“Action Reference”，“sort\u order”：“0”，“is\u multirow”：“1”，“flex”：“30”，“element\u sort\u order”：“4”，“is\u show”：“0”；{“head id”：“GAP Assessment”，“table\u id”：“1”，“table\u name”：“GAP table\u name”：“GAP table”；“element\u id”：“审计标准”，“排序顺序”：“0”，“is\U多行”：“1”，“flex”：“30”，“元素排序顺序”：“0”，“is\U显示”：“1”}，{“head\u id”：“差距评估”，“table\u id”：“1”，“table\u name”：“差距表”，“元素id”：“3”，“元素名称”：“文档引用”，“排序顺序”：“0”，“is\u多行”：“1”，“flex”：“10”，“元素排序顺序”：“3”，“is\u显示”：“1”]
});
应用程序指令（'formTable'，函数（）{
返回{
作用域：{tableLayout:'&'}，
link:function（scope，element，attrs）{//普通变量，而不是实际的$scope，也就是将范围数据传递到范围中
scope.column=scope.tableLayout（）；
scope.testFn=函数（）{
console.log（scope.tableLayout（））；
}
//函数和作用域在这里
}，//返回
是的，
templateUrl:“/template”，
限制：“E”
}
})

我一发布此问题，就发现了我的问题-需要使用把手

flex = "{{col.flex}}"

它现在起作用了

---

我一发布此问题，就发现了我的问题-需要使用把手

flex = "{{col.flex}}"

它现在起作用了