Javascript angularJs-使用自定义id重复
编辑: 所以,在搞乱了代码并遵循每个人的建议后,我发现,id确实有效,但有其他东西阻止了它 下面是全部代码:问题出在哪里Javascript angularJs-使用自定义id重复,javascript,html,angularjs,Javascript,Html,Angularjs,编辑: 所以,在搞乱了代码并遵循每个人的建议后,我发现,id确实有效,但有其他东西阻止了它 下面是全部代码:问题出在哪里 <tr id="{{item.id}}" ng-mouseover="hovering(item.id)" ng-mouseleave="leaving(item.id)" ng-show="showRow(item)" ng-repeat="item in elements| limitTo: limiter" d
<tr id="{{item.id}}"
ng-mouseover="hovering(item.id)"
ng-mouseleave="leaving(item.id)"
ng-show="showRow(item)"
ng-repeat="item in elements| limitTo: limiter"
data-id="{{item.id}}"
data-parent="{{item.parent}}">
问题:
<table>
<tr ng-repeat="item in users| limitTo: limiter" id="{{item.id}}">
<td>{{item.name}}</td>
<td>{{item.email}}</td>
</tr>
</table>
$scope.users = [
{ id: 1, name: "user", email : ""},
{ id: 2, name: "anotherUser", email: ""}];
ID保持为“{{item.ID}}”
,并且不会转换为,例如:“1”。我也试过使用ngattr id
,但也没用
为什么ID没有“转换”成它应该是什么
让问题更进一步:如果我使用data id=“{{item.id}}
,它确实有效。我以前的答案很差,但有人投了票。哈哈
好了,我终于明白了
您需要将var users=[…]
更改为$scope.users=[…];
更新
- 您是否在html端分配了
控制器
和ng应用程序
- 尝试在控制器中使用
$scope.$apply()
$scope.users=[
{id:1,名称:“用户”,电子邮件:},
{id:2,名称:“另一个用户”,电子邮件:'}];
$scope.$apply();
一切似乎都起作用了
angular.module('app',[])
.controller('ctrl',[“$scope”,
职能($范围){
$scope.limitor=4;
$scope.users=[{
id:1,
名称:“n1”
}, {
id:2,
名称:“n2”
}, {
id:3,
名称:“n3”
}, {
id:4,
名称:“n4”
}, {
id:5,
名称:“n5”
}, {
id:6,
名称:“n6”
}];
}
]);
Id-{{item.Id}
名称-{{item.Name}
item.id
真的包含值吗?如果您在item
对象中有id
属性,它应该可以工作。您可以设置一个jsfiddle@pankajparkar是的,我将添加一个用户表的示例。@Jordumus在consoleOk中检查错误,现在我真的很困惑,你的示例在这里也很有效,为什么我的示例不起作用国王differences@Jordumus同时检查angular版本,consoleConsole中的错误是无错误的,angular应该是最新版本,但会检查。@Jordumus最新版本,来自v1.x
或v2
?运行AngularJS v1.3.14。@camden_这就是我想要的thinking@RameshRajendran您在哪里找到了var users=[…]
在OP中question@pankajparkar拉梅什:我正在使用$scope,只是没有复制它,对不起。现在他编辑了他的问题。但你仍然可以看看那里,我正在制作小提琴,回答你的更新:所有其他角度的东西都有效(另请参阅我更新的问题)