使用动态生成的输入字段重新初始化角形

Question

我有一个带下拉列表的表单。根据此下拉列表的值，我将自定义指令编译到表单中。该指令包含表单输入。当我更改下拉列值时，将删除编译的指令并添加新的编译指令。到目前为止工作正常。 我还对整个表单进行了表单验证。问题是当我切换指令＆＃34;它还验证旧指令的输入字段。 这是因为$ scope.form（我的表单）使这些字段变得更加严格，他们不再在视图中了。

我的问题是，有没有办法重新初始化范围上的表单，以便只有视图中显示的表单输入是我的角形？

print of $scope form

红色的不再在表单上，​​但仍在我的表单对象中。

Answer 1

我更喜欢使用ng-include。 制作您的选择项目

[{caption: 'foo', templateUrl: '/foo.html'}, {caption: 'bar', templateUrl: '/bar.html'}]

其中templateUrl指向您输入的所需局部视图。 将所选项目的模板URL绑​​定到ng-include。它将在页面上保留部分内容并删除旧输入，并且您在验证时不会遇到问题。