使用AngularJS和Django加载视图

时间:2015-11-02 16:02:21

标签: angularjs django

当我使用AngularJS点击链接时,我正在尝试交换视图。

我的index.html是这样的:

<head>
  <script src="media/static/js/angular-route.js"></script>
  <script src="media/static/js/angular.js"></script>
  <script src="media/static/js/app.js"></script>
  <script src="media/static/js/controller.js"></script>
</head>
<body ng-app="demoApp">
  <a href="#view1">View1</a>
  <a href="#view2">View2</a>
  <div ng-view></div>
</body>

我的app.js是这样的:

angular.module('demoApp', ['ngRoute']).

config(['$routeProvider', function( $routeProvider) {

  // Define routes 
   $routeProvider
     .when('/view1', 
           { templateUrl: 'templates/view1.html'})
     .when('/view2',
           { templateUrl: 'templates/view2.html'})
     .otherwise({redirectTo: 'view1'});
 }]);

我对Angular来说是全新的,我会疯狂地尝试。

提前致谢。

1 个答案:

答案 0 :(得分:0)

前段时间,我为此写了一个snnipet,你可以找到它here。如果它有用并且仍然有效,请提供反馈。