失败：模板解析错误：没有将“exportAs”设置为“ngModel”业力的指令 - Javascript

如果你使用Angular开发应用程序时遇到了这个错误：“失败：模板解析错误：没有将“exportAs”设置为“ngModel”业力的指令”，那么本文将为你提供解决方案。

错误原因

这个错误通常出现在使用Angular表单控件时，比如<input>、<select>和<textarea>等等。这些控件都是由Angular指令来实现的，而我们在使用它们的时候通常需要将它们绑定到模型中，这样我们就可以实时地读取和更新模型中的数据了。

ngModel指令是Angular中用来实现这个绑定的指令，它会将控件的值与模型中的数据进行双向绑定。但是，如果我们没有正确地将ngModel指令与控件进行绑定，就会出现上述错误。

解决方案

要解决这个错误，我们只需要将exportAs属性设置为ngModel即可。在Angular中，exportAs属性是用来将指令实例导出到模板中的，这样我们就可以在模板中引用它了。

例如，我们使用ngModel指令绑定一个<input>控件：

<input type="text" [(ngModel)]="name">

这个控件的exportAs属性默认值为ngModel，如果我们要手动设置它，应该这样写：

<input type="text" [(ngModel)]="name" #nameModel="ngModel">

这样就可以将ngModel指令实例导出到模板中了，我们可以在模板中使用它，如下所示：

<div>输入的名字是{{name}}</div>
<div>输入的名字是{{nameModel.value}}</div>

上述代码中，name是我们定义的模型变量，nameModel是我们在模板中导出的ngModel指令实例。

通过以上步骤，你就可以成功解决“没有将‘exportAs’设置为‘ngModel’业力的指令”错误了。

总结

本文介绍了Angular应用程序中常见的错误：“没有将‘exportAs’设置为‘ngModel’业力的指令”，并提供了解决方案。在使用表单控件时，我们应该注意正确地将ngModel指令与控件进行绑定，以便实现控件与模型数据的双向绑定。