我有一个独特的场景,我希望能够在控制器中进行角度重复类型逻辑。我在移动大小的屏幕上使用滑动条,这需要组成导航的div位于网站的包含div之外。
这个逻辑在我的index.ejs表达文件中:
<body>
<div ng-view></div>
<div class="sb-slidebar sb-left"></div>
</body>
我的标准桌面大小侧边栏执行典型的ng-repeat逻辑:
<li ng-repeat="items in service"><a href="/service/{{item.shortname}}">{{item.title}}</li></a>
由于滑动条逻辑位于服务器端的核心index.ejs表达文件中,因此我无法访问角度视图逻辑。我现在的解决方案是根据url在控制器中执行逻辑:
$scope.$on('$viewContentLoaded', function () {
var index = window.location.pathname.split('/')[1];
if(index == 'services'){
$(".sb-left ul").html("<li>service categories<li>");
}
}
这种方法有效;但是,我要动态更新内部html,类似于模板标签,而不是像现在一样硬编码。