Javascript 如何在AngularJS中生成DOM元素？

我有一个控制器，带有一些数据，包括动作和可变数量的参数：

$scope.actions = [
 {name : 'rotate', r : '30'},
 {name : 'translate', x : '10', y : '10'},
 {name : 'scale', x : '10', 'y' : 10},
]

---

所以旋转有一个参数，平移和缩放有两个参数。我想为操作中的每个

名称
显示
选择
，然后当选择一个时，为该操作的每个参数显示
输入类型='text'
。在Angular中，最简单的方法是什么？
我能想到的最简单的方法是将模板与ng include一起使用

为每个下拉列表值创建3个模板，例如

<script type="text/ng-template"  id="rotate">
<div>Angle</div> <input type='text' ng-model='r'/>
</script>


角度

模板名称应与所选元素名称匹配

定义一个类似于

<ng-include src ="selectedAction.name"></ng-include>



在控制器代码中，在作用域上创建selectedAction变量，并在选择更改时对其进行更改

每当selectedAction属性发生更改时，这将导致根据所选操作加载相应的模板。
如果唯一的
名称
值集相对较小，则可以使用
ng开关
：


选择一个动作
r:
x:
y:
x:
y: