2016-11-29 7 views
0

私はui-routerを使用するときにバインディングにいくつか問題があります。私は、アプリケーションをモジュール化し、それをきれいでシンプルに保つために努力しています。 私は一度だけのページに結合作業をロードする際に、私が持っている第二のために、問題が

<div class="container" ng-controller="carsCtrl"> 

    <div class="page-header"> 
     <h1>{{pageHeader}}</h1> 
    </div> 

    <!-- The first row --> 
    <div class="row"> 
     <div class="col-lg-12 col-md-12 col-sd-12">     
      <ol class="breadcrumb"> 
       <li><a href="#/">Home</a></li> 
       <li><a href="#/cars">{{curentMenu}}</a></li> 
       <li class="active">{{pageHeader}}</li> 
      </ol> 
     </div> 
    </div> 
</div> 

をされたバインディングを使用する場合、次のapp.js

// main routing - index.html 
var app = angular.module('mainApp', ['ui.router']); 
app.config(function($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise('/'); 
    $stateProvider 
     .state('index', { 
      url: '/', 
      templateUrl: 'pages/main.html' 
     }) 
     .state('cars', { 
      url: '/cars', 
      templateUrl: 'pages/Cars_model/main.html' 
     }) 
     .state('cars.audi', { 
      url: '/audi', 
      templateUrl: 'pages/Cars_model/audi.html' 
     }) 
     .state('cars.ford', { 
      url: '/ford', 
      templateUrl: 'pages/Cars_model/ford.html' 
     }) 
}); 
app.controller('indexController', function($scope, $location) { 
    $scope.isIndexPage = function() { 
     return $location.path() === '/'; 
    } 
}); 
app.controller('carsCtrl', function($scope, $location) { 
    if($location.path() === '/cars/audi') 
    { 
     $scope.pageHeader = "AUDI"; 
     $scope.curentMenu = "Best Cars"; 
     $scope.title = "Audi Specs"; 
    } 
    if($location.path() === '/cars/ford') 
    { 
     $scope.pageHeader = "FORD"; 
     $scope.curentMenu = "Best Cars"; 
     $scope.title = "Ford Specs"; 
    } 
}); 

とファイル持っていますページを更新します。私はcorectロジック

if($location.path() === '/cars/ford') 
+0

あなたのui-viewはどこですか? – Claies

+0

下のページ(

)の車のコントローラも – calin24

+0

です。このHTMLはテンプレートの1つで、親とテンプレートの両方で 'carsCtrl'を宣言していますか? – Claies

答えて

0

を使用した場合

私は問題

<a ui-sref="cars.audi" ui-sref-opts="{reload: true}">Audi</a> 
を解決するためのメニューで

ui-sref-opts="{reload: true}" 

を使用したソリューション

を見つけたと思うわかりません

Plunker

関連する問題