Question

我在https://www.techiediaries.com/ionic-angularjs/上关注了本教程

，我的页面显示的是离子标题的内容，而不是ion-content标记的内容，如果我进入调试器，则可以看到html在那里，甚至可以单击导航链接，它可以正常工作（网址更改）。另外，我收到了这个奇怪的错误，我不明白为什么，因为它没有指出我的任何文件

图片我的代码：

index.html

LIKE

app.js

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="css/index.css">
        <script src="js/node_modules/angular/angular.min.js"></script>
        <script src="js/node_modules/@ionic/core/dist/ionic.js"></script>
        <script src="js/node_modules/angular-ui-router.js"></script>
        <script src="/app.js"></script>
        <script src="../pages/home/home.js"></script>
        <script src="../pages/about/about.js"></script>
        <script src="../platforms/browser/platform_www/cordova.js"></script>

        <title>Hello World</title>
    </head>
    <body>
        <body ng-app="app">

    <ion-app>      
        <ui-view></ui-view>
    </ion-app>    
    </body>
</html>

home.html

var myApp = angular.module('app', ['ui.router']);
myApp.config(function($stateProvider,$urlRouterProvider) {



  var homeState = {
    name: 'home',
    url: '/home',
    component: 'home'
  }

  var aboutState = {
    name: 'about',
    url: '/about',
    component: 'about'
  }

  $stateProvider.state(homeState)
  $stateProvider.state(aboutState);

  $urlRouterProvider.otherwise('/home');
});

home.js

<ion-page class="show-page">
    <ion-header>
        <ion-toolbar>
            <ion-title>Ionic 4 + AngularJS Application </ion-title>
        </ion-toolbar>
    </ion-header>
          <ion-content class="content" padding>
sdfsdfsfdsfdsfsdfdsfsd
                <p>This is the home page</p>
                <a ui-sref="home" ui-sref-active="active">Home</a>
                <a ui-sref="about" ui-sref-active="active">About</a>
          </ion-content>
</ion-page>

这里正在发生什么会导致文本不显示？我检查了CSS，这似乎不是问题所在

ion-content未在angularjs浏览器中显示

0 个答案: