使用Angular Js和jade下拉显示侧面

Question

我想从服务器获取数据并使用玉石下拉视图中的 ng-repeat 进行显示。内容正在显示但不是逐个显示，而是显示副作用。我花了很多时间，但我找不到任何解决方案。 请帮帮我 JADE CODE

li.dropdown.btn.btn-primary.col-10(align='center',style='margin:10px;',ng-repeat='category in vm.categories', ng-if=" category.categoryType !== 'ADDON'")
span
| {{category.categoryName}}
span.caret
ul.dropdown-menu.dropdown-toggle(data-toggle='dropdown',ng-repeat='product in vm.products',ng-if='category.categoryName===product.productView.category.categoryName')
li(role='menuitem',ui-sref="app.order.list" , ng-click='vm.show(product)')

  a {{product.productView.productName}}

CSS代码

@import "../../../../stylesheets/fy_config";
$imgPath: '../../../imgs';

a {color: black;margin: 5px; text-decoration: none;}

.dropdown-menu li:hover{
visibility: visible;

height:auto;

}

.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
}

.dropdown-menu .sub-menu {
align: center;
position: relative;
top: 0;

float:none;

}