Angularjs directive 文本框使用angularjs在ng表单标记内自动填充

Angularjs directive 文本框使用angularjs在ng表单标记内自动填充,angularjs-directive,angularjs-ng-form,Angularjs Directive,Angularjs Ng Form,当用户选择textbox选项时,它将动态生成textbox并将其附加到div otc dynamic中。现在的问题是,如果我选择多个textbox选项并键入任何一个textbox,所有textbox都将开始填充…我想提前停止..thnx jsfiddle: app.directive(“otcDynamic”),函数($compile){ var i=1; 返回{ 链接:函数($scope$element){ $scope.add=函数(){ $scope.myVar=false; 如果($s

当用户选择textbox选项时,它将动态生成textbox并将其附加到div otc dynamic中。现在的问题是,如果我选择多个textbox选项并键入任何一个textbox,所有textbox都将开始填充…我想提前停止..thnx jsfiddle:

app.directive(“otcDynamic”),函数($compile){
var i=1;
返回{
链接:函数($scope$element){
$scope.add=函数(){
$scope.myVar=false;
如果($scope.filter.country=='TextBox'){
str=“Text:不能为空。”
}else if($scope.filter.country=='Number'){
str=“编号:所需编号。”
}else if($scope.filter.country=='Select'){
}
警报(str);
el=$compile(str)($scope);
$element.parent().append(el);
i++;
}  
}
}
});

挑选
文本框
数

很抱歉,我没有发表评论的声誉,您正在生成文本字段和数字字段 不止一次使用相同的ng模型名称,因此它共享相同的范围,因此它使用相同的
值具有以前的文本字段

我已将ng模型重命名为=“txtmodel”+i+”。。现在它允许我在两个文本框中输入两个不同的值,但当我生成第二个文本框时,我的第一个文本框仍处于有效状态。错误消息显示在我的第一个文本框上。我还必须将表单名称设置为…。更新的js fiddle是