Question

我正在Google Apps上运行以下代码，并注意到在其他AngularJS功能正常工作时，Route无法正常运行。单击editprofile链接不会执行任何操作。尝试了很多，但徒劳无功......

HTML-HEAD

<head>
  <base target="_blank">
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Activity Details</title>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css">

  <style>
    .disclaimer {
      width: 480px;
      color: #646464;
      margin: 20px auto;
      padding: 0 16px;
      text-align: center;
      font: 400 12px Roboto,Helvetica,Arial,sans-serif;
    }

    .disclaimer a {
      color: #009688;
    }

    #credit{
      display: none;
    }
  </style>

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.min.js"></script>
  <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/js/materialize.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-materialize/0.2.2/angular-materialize.min.js"></script>
</head>

HTML-BODY

<li>
  <a href="#!/editprofile"><i class="large material-icons">account_circle</i></a>
</li>

JS

var app = angular.module("app", ['ui.materialize','ngRoute']);

app.config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/editprofile', {
    templateUrl: 'editprofile.html'
  }).otherwise({
    redirectTo: '/editprofile'
  });   
}]);

editprofile.html

<div>
  <h1>London</h1>
  <h3>London is the capital city of England.</h3>
  <p>It is the most populous city in the United Kingdom, with a metropolitan 
    area of over 13 million inhabitants.</p>
</div>

即使使用＃，AngularJS Routing也无法在1.6.4上运行！在Google Apps上

0 个答案: