Angular js $ routeProvider仅适用于页面刷新

时间:2014-04-10 08:21:37

标签: javascript jquery html angularjs

在我的控制器中我有这个结构

var app = angular.module('testApp', ['ui.bootstrap','pascalprecht.translate','ui.utils','ngRoute']);

app.config(['$translateProvider', function ($translateProvider) {
  $translateProvider.useStaticFilesLoader({
    prefix: 'languages',
    suffix: '.json'
  });
}]);
app.config(['$routeProvider', function ($routeProvider){
    $routeProvider.when('/something/:firstparam/something2/:secoundparam', {controller: 'mainController'}); 
}]);
app.controller('mainController', function($scope,$translate,$routeParams) {
var init = function () {
    if ($routeParams.firstparam) {
        console.log($routeParams);
    }
};
setTimeout(function(){
  init();
},500);

我尝试从浏览器中点击http://localhost:8000/app/index.html#/something/1/something2/1首先没有发生任何事情,之后如果我在刷新页面第二次按Enter键,我得到我需要的$ routeParams对象的console.log,但我不想要要重新刷新的页面。

我还没有使用部分模板,我只有index.html页面,就这样,我意识到如果我没有" ng-view"在html的某处,所以我创建了空div和putted ng-view指令。这可能会导致问题吗?

0 个答案:

没有答案