Parameter von Angularjs-Controller an $ stateProvider übergeben

Question

Dies ist meine Angularjs .config-Datei, die die lead.html-Seite öffnet, wenn 'task' von einem anderen html mit dem ui-router aktiviert wird.

App 
     .config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider){ 


      $stateProvider 
      .state('tasks', { 

       templateUrl: {{name}}.html, 
       controller:"TasksController" 
      }); 


     }]); 

Das ist mein Taskscontroller.js

App 
     .controller(
       "TasksController", [function($scope, $http,$window) { 


      var self = this; 
      self.name = 'lead'; // I wanna use this parameter in templateUrl 
      console.log("In tasks Controller"); 

     }]); 

ich die templateUrl nehmen Parameter von TasksController machen wollen, so dass es zu entsprechenden Seite umleitet basierend auf dem Parameter in TasksController gesetzt. Bitte führen Sie mich, wie dies zu tun ist.

Dank

Answer 1

Sie versuchen, $ stateParams verwendet, könnte:

App.config(['$stateProvider', '$urlRouterProvider', '$stateParams', function($stateProvider, $urlRouterProvider, $stateParams) { 

    $stateProvider 
    .state('tasks', { 
     params: { 
     page: null 
     }, 
     templateUrl: {{$stateParams.page}}.html, 
     controller: "TasksController" 
    }); 
}]); 

Dann in Ihrem Controller:

App.controller("TasksController", [function($scope, $http, $window, $stateParams, $state) { 
    var self = this; 
    self.$stateParams.page = 'some_url.html'; 
    self.$state.go('tasks'); 
}]); 

Sie die Injektion in die Steuerung auch nicht vergessen. Lassen Sie sich diese nicht getestet, aber Sie können die $ Zustand so gehen müssen:

self.$state.go('tasks', { page: 'some_url.html' }, { });