角度視圖無法正常工作

我不知道爲什麼，但JavaScript不起作用。角度視圖無法正常工作

的意見，當我點擊鏈接

<html ng-app> 
    <head> 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script> 
     <script type="text/javascript"> 
     var app = angular.module("app"); 
app.config(function ($routeProvider) { 
$routeProvider.when('/', { 
templateUrl: 'views/default.html', 
controller: 'default' 
}); 
$routeProvider.when('/menu', { 
templateUrl: 'views/menu.html', 
controller: 'menu' 
}); 
$routeProvider.otherwise({ redirectTo: '/' }); 
}); 
app.service('api', function($http) 
{ 
this.get_id=function (js_data,success_fn) { 
       $http({ 
       url: '/get_id', 
       method: "POST", 
       data: js_data, 
       headers: {'Content-Type': 'application/json'} 
      }).success(function (json) {var data=angular.fromJson(json);success_fn(data);}); 
      }; 

}); 
app.controller("default", function ($scope, $location) { 
    $scope.test = "default"; 
}); 
app.controller("menu", function ($scope, api) { 
    $scope.username = "UserName"; 
    $scope.get_id=function() { 
     api.get_id(
       $scope.username, 
       function (data) 
       {alert(data);} 
        ); 
    } 
}); 
     </script> 
    </head> 
    <body> 
     <div > 
      <a href="#/">home</a><br /> 
      <a href="#/menu">menu</a><br /> 
     </div> 
     <div ng-view> 
     </div> 
    </body> 
</html>

來源

2014-01-08 Uri Goren

php標記應改爲javascript標記。 – Vincent

路線提供商是在1.2分支的對外依存度沒有得到加載。你將需要添加：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-route.min.js"></script>

您還需要添加ngRoute依賴性：

即。 angular.module('ngViewExample', ['ngRoute'])

http://docs.angularjs.org/api/ngRoute。$ routeProvider

依賴需要安裝的ngRoute模塊。

來源

2014-01-08 22:29:29 lucuma

角度視圖無法正常工作

回答

相關問題