我是[1,2,3]++[4]
的初学者,点击链接时收到错误。下面是我的Ionic
页面,我希望列表项链接到其他页面。
的index.html
index.html
在我的<!DOCTYPE html>
<html ng-app="ionicApp">
<head>
<title>my test App</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<style>
@-ms-viewport { width: 100vw ; zoom: 100% ; } @viewport { width: 100vw ; zoom: 100% ; }
@-ms-viewport { user-zoom: fixed ; } @viewport { user-zoom: fixed ; }
</style>
<link rel="stylesheet" href="css/ionic.css">
<link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
</head>
<body ng-controller="MyCtrl">
<ion-header-bar class="bar bar-header">
<button class="button icon ion-navicon button-assertive"></button>
<h1 class="title">Header</h1>
<button class="button icon ion-home button-assertive"></button>
</ion-header-bar>
<ion-header-bar class="bar bar-subheader bar-dark">
<h2 class="title">Sub Header</h2>
</ion-header-bar>
<ion-content class="has-subheader">
<ul class="list">
<a href="/pages/item1.html"><li class="item">Item 1</li></a>
<a href="/pages/item2.html"><li class="item">Item 2</li></a>
</ul>
</ion-content>
<div class="bar bar-footer bar-energized">
<h1 class="title">Footer</h1>
</div>
<script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>
<script>
var app = angular.module('ionicApp', ['ionic'])
app.controller('MyCtrl', function($scope) {});
</script>
</body>
</html>
存在的根文件夹中,我有一个名为index.html
的目录,在此目录下我有两个html页面pages
和item1.html
我想成为分别与列表项item2.html
和Item 1
相关联。
但每当我点击第一个列表项(第1项)时,我收到一条消息,即无法获取/pages/item1.html ,任何人都可以建议我如何链接页面。
谢谢