Javascript AngularJS ui sref无法使用Andriod手机
我在尝试用我母亲的手机(三星Galaxy JS 3)测试我的手机时遇到问题。项目的图像和标题通过ng repeat从JSON加载到索引页面上,信息的链接通过ui sref从项目ID生成。网站可以在手机上加载,它可以指向about页面,该页面也使用ui sref,但它不能指向子页面–它要么停留在主页上,要么如果我强制它转到其中一个页面,它会显示一个带有切换菜单(ng include header)的空白页面 它可以在索尼Xperia M4、三星Galaxy Young、Galaxy A5、我的台式电脑(Windows 8.1)和Mac电脑(不确定操作系统)上正常工作。我一直在关注,当我今天早上(6月7日)在她的手机上试用Plunker版本时,它似乎也有同样的问题。 我已经确保网站在阅读后使用了最新的版本,我已经尝试将ui视图添加到显示项目链接的模板中,正如这里所建议的:我现在感觉被卡住了 对不起,如果我的问题有点长,但我以前从来没有写过,我不想错过任何东西 编辑:我现在用我在项目中使用的确切代码制作了一个plunk-我现在删除了ui路由器,因此它不会将内部页面作为子页面加载,但至少在所有浏览器中都可以查看-plunk使用的是ui路由器 下面列出了我认为有问题的代码 projects.html-查看Javascript AngularJS ui sref无法使用Andriod手机,javascript,angularjs,angular-ui-router,Javascript,Angularjs,Angular Ui Router,我在尝试用我母亲的手机(三星Galaxy JS 3)测试我的手机时遇到问题。项目的图像和标题通过ng repeat从JSON加载到索引页面上,信息的链接通过ui sref从项目ID生成。网站可以在手机上加载,它可以指向about页面,该页面也使用ui sref,但它不能指向子页面–它要么停留在主页上,要么如果我强制它转到其中一个页面,它会显示一个带有切换菜单(ng include header)的空白页面 它可以在索尼Xperia M4、三星Galaxy Young、Galaxy A5、我的台式
<div class="container">
<div class="wrapper">
<div class="col-xs-12 col-sm-6 col-md-4 project-block" ng-repeat="project in $ctrl.projects">
<a ui-sref="project({ projectId: project.id })" ui-sref-active="active">
<div class="grid-item university">
<div class="grid-caption">
<img ng-src="{{project.thumb}}" alt="{{project.name}} ({{project.desc}})" id="portfolio-thumb-{{project.id}}" />
<div class="titles">
<div class="grid-projects title">{{project.name}}</div>
<div class="grid-projects desc">{{project.desc}}</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<ui-view></ui-view>
projects.js-组件
angular.module('myPortfolio').service('ProjectService', function($http) {
var service = {
getAllProjects: function() {
return $http.get('data/projects.json', { cache: true }).then(function(resp) {
return resp.data;
});
},
getProject: function(id) {
function projectMatchesParam(project) {
return project.id === id;
}
return service.getAllProjects().then(function (projects) {
return projects.find(projectMatchesParam)
});
}
}
return service;
})
angular.module('myPortfolio').service('ProjectService', function($http) {
var service = {
getAllProjects: function() {
return $http.get('data/projects.json', { cache: true }).then(function(resp) {
return resp.data;
});
},
getProject: function(id) {
function projectMatchesParam(project) {
return project.id === id;
}
return service.getAllProjects().then(function (projects) {
return projects.find(projectMatchesParam)
});
}
}
return service;
})
projects.js-服务
angular.module('myPortfolio').service('ProjectService', function($http) {
var service = {
getAllProjects: function() {
return $http.get('data/projects.json', { cache: true }).then(function(resp) {
return resp.data;
});
},
getProject: function(id) {
function projectMatchesParam(project) {
return project.id === id;
}
return service.getAllProjects().then(function (projects) {
return projects.find(projectMatchesParam)
});
}
}
return service;
})
angular.module('myPortfolio').service('ProjectService', function($http) {
var service = {
getAllProjects: function() {
return $http.get('data/projects.json', { cache: true }).then(function(resp) {
return resp.data;
});
},
getProject: function(id) {
function projectMatchesParam(project) {
return project.id === id;
}
return service.getAllProjects().then(function (projects) {
return projects.find(projectMatchesParam)
});
}
}
return service;
})