AngularJS UI-Router複数のコントローラが別々に利用しているビュー

Question

ここでは、この特定の質問に関する回答が正確に見つかりませんでした。

UI-Routerでは、2つの異なる状態に対して同じビュー/ templateUrlを指定できますか？

.state('app.dashboardLanding', { 
    url: '/dashboard-landing', 
    title: 'Dashboard Overview', 
    templateUrl: 'app/views/landing.html', 
    controller: 'DashboardLandingController', 
}) 
.state('app.balanceSheetLanding', { 
    url: '/balance-sheet-landing', 
    title: 'Balance sheet Overview', 
    templateUrl: 'app/views/landing.html', 
    controller: 'BalanceSheetLandingController' 
}) 

app/views/landing.htmlのコードのみ$scope特性が異なっていて、まったく同じです。

Answer 1

は、コントローラは、テンプレートに必要なバインディングを持つことになります限り

'use strict'; 
// Declare app level module which depends on filters, and services 
var app= angular.module('myApp', ['ngRoute']); 
app.config(['$routeProvider', function($routeProvider) { 
    $routeProvider.when('/login', {templateUrl: 'partials/login.html', controller: 'loginCtrl'}); 
    $routeProvider.when('/home', {templateUrl: 'partials/home.html', controller: 'homeCtrl'}); 
    $routeProvider.when('/salesnew', {templateUrl: 'partials/salesnew.html', controller: 'salesnewCtrl'}); 
    $routeProvider.when('/salesview', {templateUrl: 'partials/salesview.html', controller: 'salesviewCtrl'}); 
    $routeProvider.when('/users', {templateUrl: 'partials/users.html', controller: 'usersCtrl'}); 
    $routeProvider.when('/forgot', {templateUrl: 'partials/forgot.html', controller: 'forgotCtrl'}); 


    $routeProvider.otherwise({redirectTo: '/login'}); 


}]); 


app.run(function($rootScope, $location, loginService){ 
    var routespermission=['/home']; //route that require login 
    var salesnew=['/salesnew']; 
    var salesview=['/salesview']; 
    var users=['/users']; 
    $rootScope.$on('$routeChangeStart', function(){ 
     if(routespermission.indexOf($location.path()) !=-1 
     || salesview.indexOf($location.path()) !=-1 
     || salesnew.indexOf($location.path()) !=-1 
     || users.indexOf($location.path()) !=-1) 
     { 
      var connected=loginService.islogged(); 
      connected.then(function(msg){ 
       if(!msg.data) 
       { 
        $location.path('/login'); 
       } 

      }); 
     } 
    }); 
});