Angularjs路线在这里不起作用

时间:2016-07-15 13:55:56

标签: javascript angularjs

我已经用一切可能的方法来解决这个问题,但失败了。 如果您有任何疑问可以了解此问题,请告知我们。 下面是我的代码,检查是否有语法错误。 我已经使用本地角度js文件进行路由并尝试使用cdn。 但没有任何影响。

的index.html

 <!-- define angular controller -->
 <body  ng-app="mydemo" ng-controller="mainController">
    <ul>
      <li><a href="#"> Home</a></li>
      <li><a href="#about"></i> About</a></li>
      <li><a href="#contact"></i> Contact</a></li>
    </ul>

  <div ng-view></div>

<script src="js/angular.js"></script>
<script src="js/angular-route.js"></script>
<script src="script.js"></script>

的script.js           

我使用了1.5.7的angularjs版本

     var mydemo = angular.module('mydemo', ['ngRoute']);
      mydemo.config(function($routeProvider) {
        $routeProvider
        .when('/', {
            templateUrl : 'pages/home.html',
            controller  : 'mainController'
        })

        // route for the about page
        .when('/about', {
            templateUrl : 'pages/about.html',
            controller  : 'aboutController'
        })

        // route for the contact page
        .when('/contact', {
            templateUrl : 'pages/contact.html',
            controller  : 'contactController'
        });
});

mydemo.controller('mainController', function($scope) {
    $scope.message = 'Everyone come and see how good I look!';
});

mydemo.controller('aboutController', function($scope) {
    $scope.message = 'Look! I am an about page.';
});

mydemo.controller('contactController', function($scope) {
    $scope.message = 'Contact us! JK. This is just a demo.';
});

4 个答案:

答案 0 :(得分:0)

而不是

<li><a href="#contact"></i> Contact</a></li>

如何尝试

<li><a ng-href="#/contact"></i> Contact</a></li>

我认为路线必须完全匹配,包括/

答案 1 :(得分:0)

  

试试这个script.js文件:

     angular.module('mydemo', ['ngRoute']).config(function($routeProvider) {
        $routeProvider.
        .when('/', {
            templateUrl : 'pages/home.html',
            controller  : 'mainController'
        })

        // route for the about page
        .when('/about', {
            templateUrl : 'pages/about.html',
            controller  : 'aboutController'
        })

        // route for the contact page
        .when('/contact', {
            templateUrl : 'pages/contact.html',
            controller  : 'contactController'
        });
});

mydemo.controller('mainController', function($scope) {
    $scope.message = 'Everyone come and see how good I look!';
});

mydemo.controller('aboutController', function($scope) {
    $scope.message = 'Look! I am an about page.';
});

mydemo.controller('contactController', function($scope) {
    $scope.message = 'Contact us! JK. This is just a demo.';
});

和index.html:

    <head>
    <script src="js/angular.js"></script>
    <script src="js/angular-route.js"></script>
    <script src="script.js"></script>
    </head>

     <!-- define angular controller -->
     <body  ng-app="mydemo" ng-controller="mainController">
        <ul>
          <li><a href="#"> Home</a></li>
          <li><a href="#about"></i> About</a></li>
          <li><a href="#contact"></i> Contact</a></li>
        </ul>

      <div ng-view></div>
</body>

答案 2 :(得分:0)

检查以下修复:

 NB_MAX = 10 #Your max try
 def multiplication_game():
     num1 = random.randrange(1,12)
     num2 = random.randrange(1,12)

     answer = num1 * num2
     i = 0
     while i < NB_MAX:
          print('how much is %d times %d?' %(num1,num2))

          attempt = int(input(": "))

          while attempt != answer:
               print("not correct")

          attempt = int(input("try again: "))
          if attempt == answer:
               print("Correct!")
          i += 1

 multiplication_game()

答案 3 :(得分:0)

您使用的角度版本很可能与角度路线的版本不匹配。确保版本兼容。