Question

我有一个运行Angular JS的MVC项目。我的应用程序中有多个角度SPA。我将其中一个SPA完全升级到Angular 4.3.5版本，而不依赖于任何SPA。

Angular代码编译良好，没有控制台错误。当我启动应用程序时，它会路由到使用angular配置的默认路由，并将我带到正确的页面。然而，角度绑定不适用于我的HTML。我在开发工具中看到以下内容。

<div class="login-container col-md-12">
    <div class="logos">
        <img class="login-product-logo">
    </div>
    <!---->
    <!---->
    <!---->

    <input name="test">

    <form novalidate="">
        <div class="controls">
            <!---->

            <!---->
        </div>
    </form>
</div>

以上输入控件具有ngModel绑定。有多个div与ngIf指令在上面的html中显示为注释的html标签。

我已经在一个angular-cli项目中使用相同的代码移植了SPA，一切似乎都运行良好。

我已经使用与cli项目相同的完全版本和webpack配置移植了相同的软件包，但我一直在获得相同的最终结果。角度cli项目的HTML如下所示。

<div class="login-container col-md-12">
    <!--bindings={"ng-reflect-ng-if": "false"}-->
    <!--bindings={"ng-reflect-ng-if": "false"}-->
    <!--bindings={"ng-reflect-ng-if": "false"}-->

    <p>Test</p> 


    <input ng-reflect-model="Test" class="ng-untouched ng-pristine ng-valid">

    <form novalidate="" class="ng-untouched ng-pristine ng-valid">
        <div class="controls">
            <!--bindings={"ng-reflect-ng-if": "true"}--><div class="row">
                <div class="col-lg-12">
                    <input class="btn btn-link NoPadding windows-auth" id="windowsLoginButton" type="submit" value="Log in using Microsoft Windows domain">
                </div>
            </div>

            <!--bindings={"ng-reflect-ng-if": "false"}-->
        </div>
    </form>
</div>

我无法弄清楚什么会从html中删除我的角度绑定。

有没有人遇到过这个问题？

Answer 1

今天我有同样的错误。关键是我没有在HTML中输入变量“文本”

是：

pip install tensorflow

添加

后，问题已解决

<div class="alert-wrap" *ngIf="text">
<div class="alert"
[ngClass]="{
    'alert-success': type === 'success',
    'alert-warning': type === 'warning',
    'alert-danger': type === 'danger'
}"
>
    
</div>

角度绑定未应用

1 个答案: