Question

我有以下布局页面：

<body scroll-spy="" class="theme-template-dark theme-amber alert-open alert-with-mat-grow-top-right solar-custom">
    <main>
        <div class="main-container">
            <div class="main-content" autoscroll="true" bs-affix-target="" init-ripples="">
                <section class="forms-basic">
                    <div ng-view class="view-animate view-fade">
                    </div>
                </section>
            </div>
        </div>
    </main>
</body>

我在这里有一个ng-view，以便在我的代码上获取html文件并将其内容放在这里。我注意到的问题如下：我有各种来自物化的文本框，所有文本框都应该有一个动画，可以在焦点和模糊处开始。

但是，我注意到这个动画不会出现在ng-view中的元素上。

有一件事我注意到在页面加载时运行的js文件上有一个函数。

$(function () {
    $('[data-toggle="tooltip"]').tooltip(), $('[data-toggle="popover"]').popover(), $(".navbar-toggle").sideNav({
        menuWidth: 260, closeOnClick: !0
    }
    );
    var a = [".btn:not(.withoutripple)", ".card-image", ".navbar a:not(.withoutripple)", ".dropdown-menu a", ".nav-tabs a:not(.withoutripple)", ".withripple"].join(",");
    $("body").find(a).ripples(), $(".form-control").each(function () {
        $(this).val() && $(this).parent().addClass("filled"), $(this).bind("blur", function (a) {
            input = $(a.currentTarget), input.val() ? input.parent().addClass("filled") : input.parent().removeClass("filled"), input.parent().removeClass("active")
        }
        ).bind("focus", function (a) {
            input = $(a.currentTarget), input.parent().addClass("active")
        }
        )
    }
    )
}

该代码在加载时运行顺畅，当我单击主页面上的文本框时（不在此示例中）。但是，如果我在html上添加一个将用作ng-view的输入，它就不会运行，这让我相信当js文件运行时，ng-view还没有呈现。

那么，有没有办法可以让ng-views读取所有具体化属性而不会出现这些问题？

加载实现javascript文件时在ng-view上发生冲突

0 个答案: