Javascript Angular JS-动态选择指令

我正在构建一个应用程序，允许用户通过GUI选择不同的小部件。目标是将各种小部件实现为角度指令

THE CONTROLLER
$scope.widgets = ['one', 'two', 'three'];


THE TEMPLATE
<{{widget}} ng-repeat="widget in widgets"></{{widget}}>

控制器
$scope.widgets=['1'，'2'，'3']；
模板

---

有人知道实现这一目标的最佳方法吗？谢谢

也许你需要看看

我以这种方式创建动态内容：

$compile('<one ng-repeat="widget in widgets"></one>')($scope);

$compile（“”）（$scope）；

我从这篇文章中得到了这个想法：

我希望这会有所帮助