Question

Angular 1.6.1在我的项目中打破了ngInclude。我使用ui-bootstrap 0.14作为标签。

<uib-tabset class="col-xs-11 " id="detailsContainer" >
    <uib-tab active="$root.isFirstTabActive" heading="{{'general.BASICS' | translate}}">
        <ng-include src="'QM-Technik/tickets/detailsTabs/grundlagen.html'"></ng-include>
    </uib-tab>
</uib-tabset>

我的模板是一个如下所示的表单：

<form class="form-horizontal" name="formular.grundlagen">
    <div class="col-sm-6">
        <div class="form-group">
            <label class="control-label pflichtFeld col-sm-4" translate="general.NUMBER"></label>
            <div class="col-sm-7">
                <input type="number" class="form-control" ng-model="ticket.tt_tik_nr" readonly />
            </div>
        </div>
</form>

我的前端仍然在运行，但在控制台中，我会在一秒钟内收到这两条消息100次：

未捕获的错误：[$ rootScope：infdig]   http://errors.angularjs.org/1.6.1/ $ rootScope / infdig P0 = 10安培; P1 =％5B％5D

错误：[ng：cpws] http://errors.angularjs.org/1.6.1/ng/cpws

Answer 1

问题出在表单名称中。 Angular 1.6不允许将子对象添加为表单名称。如果您使用简单的字符串（例如＆＃34; grundlagen＆＃34;），它将作为 $ scope.grundlagen 添加到您的$ scope中，并且没有问题。如果你使用像＃34; formular.grundlagen＆＃34;这样的对象。（即使您在控制器中预定义了 $ scope.formular = {}; ），也会导致错误消息。

AngularJS 1.6.1表单和ngInclude

1 个答案: