javascript - 错误 : [$compile:multidir] Multiple directives [form, 表单] 请求 'form' Controller :

Question

我在用 angularjs 构建的表单上遇到此错误。

`错误:[$compile:multidir] 多个指令 [form, form] 请求 'form' Controller :

<div data-ng-controller="shortlistController">
    <ul>
        <li data-ng-repeat="job in jobs">
            <div>{{ job.role }}</div><div>{{ job.salary }}</div><div>{{ job.company }}</div>
        </li>
    </ul>
</div>

<form ng-form>
    <input type="text" ng-model="newRole">
    <input type="text" ng-model="newSalary">
    <input type="text" ng-model="newCompany">
    <input type="text" ng-model="newUrl">
    <button>Submit</button>
</form>

最初我在 data-ng-controller 中有表格，我把它拿出来看看是否 Controller 可能是问题所在..

请询问您是否认为我需要发布更多代码，我正在使用 angulars 原生路由系统

Answer 1

这些中的每一个都或多或少相同，并且指的是 form指令:

<form></form>
<div form></div>
<div x-form></div>
<div data-form></div>

所以你可以做<div form></div>或者简单地 <form></form> , 在这两种情况下，它们指的是相同的 form指示。但是<form form></form>将是多余的。

ngForm您提到的指令实际上是 form 的别名上面的指令，并且可以使用以下任何一个来引用:

<ng-form></ng-form>
<div ng-form></div>
<div x-ng-form></div>
<div data-ng-form></div>

所以在你的例子中，你在做 <form ng-form></form> , 这实际上与 <form form></form> 相同，这就是您收到该错误的原因。

此页面更详细地解释了引用指令的所有不同方式: http://docs.angularjs.org/guide/directive

顺便说一句，(有时)使用 <div ng-form></div> 的好处format 是你可以做嵌套表格，而你不能只使用 <form> 做嵌套表格标签。