我有旧项目。在这一刻,我无法重写所有内容以使用 ng-view
和路由。所以我有很大的 html
文件和许多不可读的代码。
<div ng-if="f1">
<div>...</div>
</div>
<div ng-if="f2">
<div>...</div>
</div>
<div ng-if="f3">
<div>...</div>
</div> ....etc
我想将这段代码分成 block 并使用 ng-include
来清理代码。但是我会有很多这个标签(> 10)。正常吗?有没有办法以不同的方式重组文件?
<div ng-if="f1" ng-include="url1"> </div>
<div ng-if="f2" ng-include="url2"> </div>
<div ng-if="f3" ng-include="url2"> </div>
最佳答案
你应该像这样将你的逻辑放在 Controller 中的数组中
$scope.paths = [
{url : "url1" , condition: $scope.f1},
{url : "url2" , condition: $scope.f2},
{url : "url3" , condition: $scope.f3},
];
然后像这样在html中使用它
<div ng-repeat="item in paths"> <div ng-if="item.condition" ng-include="item.url"></div> </div>
关于javascript - AngularJS:多次使用 ng-include,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45481309/