Question

我正在开发我的第一个有模板和路由的有角度的网站。

我想要一个窗口大小的图像--70px

// Jquery（这部分工作正常，经过测试。）

    //Dynamically assign height
function reSize() {
  var windowHeight = $(window).height() - 70;

    $('.home .image img').height(windowHeight);
}

//Initial load of page
$( window ).ready(reSize);

//Every resize of window
$(window).resize(reSize);

我的问题是，当我将我的home.html（图片所在的位置，也作为首页）加载到index.html时，它不会将样式windowHeight应用于图像，但如果我手动只需稍微调整窗口大小，然后应用该样式。

我尝试将我的脚本直接插入home.html，然后它可以工作，但我更喜欢将jquery分开放在.js文件中

我的猜测是我的脚本没有注册，在触发调整大小之前，home.html已加载到index.html。

注意：所有样式表和脚本都在index.html头部加载，而由ng-view加载到index.html的页面目前看起来像这样

<div class="image"><img src="images/56.jpg"></div>

很抱歉这个错误的解释，我是棱角分明的新人，所以我还没有完全理解它。

谢谢。

Answer 1

我想有两个选项，你可以触发它：

关于状态改变的成功

$scope.$on('$routeChangeSuccess', function () {
    // run resize function
});

或在视图上呈现回调

$scope.$on('$viewContentLoaded', function() {
    // run resize function
});

希望有所帮助。

使用jquery进行角度模板化和路由

1 个答案: