Javascript 动态设置ng模型正在中断

我有一个指令HTML模板，如下所示：

<input type="{{type}}" placeholder="{{placeholder}}" id="{{name}}">

<textinput type="email" name="userEmail" ng-model="userEmail" placeholder="Email Address..." label="Email"></textinput>

textinput.html

<label for="{{name}}">{{label}}</label>
<input type="{{type}}" placeholder="{{placeholder}}" id="{{name}}" ng-model="{{name}}">

它正确地输出变量，但当我放入ng模型并动态地为其赋值时，它会中断整个输入

为什么会这样

我的目标是能够创建简单的1行文本输入，我可以通过指令进行大量更改，如下所示：

<textinput name="username" label="Username" type="text" placeholder="Enter Username"></textinput>

---

最终解决了这个问题，您必须使用如下的双向绑定来传递ng模型：

<input type="{{type}}" placeholder="{{placeholder}}" id="{{name}}">

<textinput type="email" name="userEmail" ng-model="userEmail" placeholder="Email Address..." label="Email"></textinput>

现在，在模板HTML文件中，您可以映射属性，而无需使用ng模型的

{{}

例如：

<label for="{{name}}">{{label}}</label>
<input type="{{type}}" placeholder="{{placeholder}}" id="{{name}}" ng-model="ngModel">

{{label}

---

现在，快速生成可重复使用的表单代码将非常容易。

一旦从指令中设置了模型，您打算如何访问它？如果$scope上的模型每次都是不同的，那么您就不会真正知道调用它的是什么。我试图通过如下指令调用来访问它：

尝试设置ng model=“name”@Hoyen如果您查看上面的示例模板，name=“username”的值就是变量{{name}应该输出为

username

，除非它放在ng modeling中。ng model是一个角度指令。所以你不需要花括号来计算'name'的值。其他属性是非角度指令，是HTML属性，因此您需要使用花括号对角度进行求值。