gpt4 book ai didi

javascript - AngularJS ng-if 内的 ng-repeat 不起作用

转载 作者:行者123 更新时间:2023-12-02 15:58:00 26 4
gpt4 key购买 nike

这是我的代码:

<body  ng-controller="QueryCntl">

<div>
<h1> Target:{{target}}</h1>
</div>

<div ng-app="myApp" ng-controller="mytableCtrl">

<div ng-include="'header.html'"></div>

<div id="menuList">
<ul class="menuNav">
<li class="menuList_Slide" ng-repeat="x in names">
<div>
<a href="category.html?categoryid={{x.id}}">{{ x.category }}</a>
</div>

<div ng-if="{{target}} == {{x.id}}"> //Display subcategory if true
<ul id="subCategories">
<li>
<a href="category.html?subcategoryid={{x.id}}">Childid should be displayed</a>
</li>
</ul>
</div>
</li>
</ul>
</div>

</div>

<script>
var app = angular.module('myApp', [], function($locationProvider) {
$locationProvider.html5Mode(true);
});
function QueryCntl($scope, $location) {
$scope.target = $location.search()["categoryid"];
}
app.controller('mytableCtrl', function($scope, $http) {
$http.get("api/topCategories")
.success(function(response) {$scope.names = response;});
});

</script>

如果 {{target}} 等于 {{x.id}},我只想显示 1 个子类别。但现在它会打印所有内容... {{target}} 从 url 获取值,其中 ?categoryid=some_number 和 x.id 是来自数据库的值。这些值在我的代码中运行良好。

如果有任何帮助,我将不胜感激。

编辑:ng-if="target == x.id"没有帮助。

最佳答案

ngIf 不需要使用 {{}} - 它已经是一个 Angular 表达式:

div ng-if="target == x.id"

关于javascript - AngularJS ng-if 内的 ng-repeat 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31431618/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com