Question

我第一次尝试在我的应用程序中使用ng-routes。在示例中，虽然它们看起来非常简单，但现在当我尝试实现时，它们并没有给出预期的结果。我正在使用角度与温泉ui。基本上问题是我无法在主页面上看到我的部分模板的内容，并且网址正在按预期进行更改。

<body id="Android" ng-app="hybrid-android"
ng-controller="androidController">
<ons-template id="menu.html"> <ons-page
    modifier="menu-page"> <ons-toolbar modifier="transparent">
<div class="right">
    <ons-toolbar-button class="menu-closeMenu" ng-click="menu.closeMenu()">
    </ons-icon>Close </ons-toolbar-button>
</div>
</ons-toolbar> <ons-list class="menu-list"> <ons-list-item
    class="menu-item"> <ons-icon icon="fa-plus"></ons-icon>
<a href="#red">Profile</a> </ons-list-item> <ons-list-item class="menu-item">
<ons-icon icon="fa-bookmark"></ons-icon> <a href="#yellow">Change
    password</a> </ons-list-item> <ons-list-item class="menu-item"> <ons-icon
    icon="fa-twitter"></ons-icon> <a href="#blue">logOut</a> </ons-list-item> </ons-list> <br>
  <div>
    <ng-view></ng-view>
</div></ons-template>

controller.js

 ///<reference path="angular.min.js" />
var myApp = angular.module('hybrid-android',['onsen','ngRoute']);

myApp.controller('androidController', ['$scope', '$location' ,function($scope,$location) {

myApp.config(function($routeProvider) {
    $routeProvider
    .when("/red", {
        templateUrl : "profile.html"
    })
    .when("/yellow", {
        templateUrl : "changePassword.html"
    })
    .when("/blue", {
        templateUrl : "faq.html"
    });
});     
}]);

profile.html

<h1>PROFILE PAGE</h1>

changePassword.html

<h1>Change Password</h1>

ng-routes在ng-view中不起作用

0 个答案: