用离子链接页面

时间:2016-06-19 09:15:43

标签: html angularjs ionic-framework

我是[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页面pagesitem1.html我想成为分别与列表项item2.htmlItem 1相关联。 但每当我点击第一个列表项(第1项)时,我收到一条消息,即无法获取/pages/item1.html ,任何人都可以建议我如何链接页面。 谢谢

0 个答案:

没有答案