javascript - 带有 id 的 ng-route 可以正常工作,但是 json 中带有 id 的 id 是错误的

标签 javascript php angularjs json

这是main.html结构

<ul ng-repeat = 'user in users'>    
 <li>{{user.first_name}} <span>X</span></li>
 <li>{{user.last_name}}</li>
 <li>{{user.email}}</li>
 <a href="#footer/{{user.id}}"/><li>{{user.id}}</li></a>
 </ul>

这是我的route.js

app.config(function($routeProvider) {
$routeProvider
.when("/footer/:id",{
templateUrl:'./footer.html',
controller: "getCtrl"
})
.when("/nemke",{
templateUrl:"./form.html"
})
.otherwise({
redirectTo:"/"  
})
});
app.controller('secondCtrl', function($scope) {
$scope.name = "nemkesafsafa";

});

这是main.js文件

var app = angular.module("app",['ngRoute']);
app.controller('getCtrl',['$scope', '$http', '$routeParams', 'users', function($scope, $http, $routeParams, users) {
users.success(function(data){
var obje = data[0].first_name;
console.log(obje);
var keys  =  [];
$scope.profile = data[$routeParams.id];

for(var i = 0; i< data.length; i++) {
    keys.push(data[i].id);
}
$scope.users  = data;
});
users.error(function(){
    console.log("Nemke")
})
}]);

json.php

[{"id":"126","first_name":"Nemanja","last_name":"Dukic","email":"Car"},{"id":"127","first_name":"Nemanja","last_name":"Dukic","email":"Car"}]

页脚.html

<div>
<h2>{{profile.id}}</h2>
<h2>{{profile.fist_name}}</h2>
<h2>{{profile.last_name}}</h2>
<h2>{{profile.email}}</h2>

</div>

所以问题是当我点击链接时,url 没问题,但数据显示 id footer.html 是错误的

这是图片,这样很容易

请参阅下图中的说明。

enter image description here

提前致谢。

最佳答案

$scope.profile = 数据[$routeParams.id];

应该更换

 $scope.profile = data.find(function(ele){
    return ele.id == $routeParams.id
 });

关于javascript - 带有 id 的 ng-route 可以正常工作,但是 json 中带有 id 的 id 是错误的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40786376/

相关文章:

javascript - 仅特定文件路径的浏览器加载错误 - 内部服务器错误 500

javascript - 谷歌结构化数据测试工具错误

php - 将此 php 数字签名转换为 Delphi

javascript - Cordova 混合应用程序 - HTTP 请求非常慢

c# - 防止外部站点访问我的 ashx 页面

php - MySQL - 使用 mysql_fetch_assoc 移动到下一个结果

javascript - WordPress - 使用自定义帖子字段中的参数创建动态 onclick 重定向方法

javascript - 为什么这个 Angular 应用程序在重新加载时会崩溃?

javascript - CSS 选择器在带有 karma 和 chai 的 Angular 单元测试中找不到 dom 元素

javascript - 如何在angularjs中使用带有ng-repeat的动画