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')
あなたのui-viewはどこですか? – Claies
下のページ(
)の車のコントローラも – calin24です。このHTMLはテンプレートの1つで、親とテンプレートの両方で 'carsCtrl'を宣言していますか? – Claies