2015-07-12 18 views
5

im przy angularjs 1.4.1, 1.4.1 ngRoute i https://angular-ui.github.io/bootstrap/angularjs, AngularUi (ładowania początkowego) i NgRoute

Konstrukcja podłoża jest

<html ng-app="myApp"> 
 
    <base href="/"> 
 
    <body> 
 
    <div ng-view></div> 
 
    </body> 
 
</html>

i używać do ngRoute załaduj każdą stronę mojej strony internetowej, np. o, skontaktuj się z nami itp. ... z div z ng view.

Gdy strona jest ładowana do widzenia ng używając

var myApp = angular.module('myApp', ['ngRoute', 'ngProgress', 'ui.bootstrap']); 
 

 
myApp.config(function($routeProvider,$locationProvider){$routeProvider 
 
.when('/about',{templateUrl:'about.php',controller:'mainController'}) 
 
.otherwise({redirectTo:'/'}); 
 
                 
 
staffPanelApp.controller('mainController', function($scope, $route, $routeParams, $location, $templateCache, ngProgress) { 
 
    $templateCache.removeAll(); 
 
    ngProgress.start(); 
 
    $scope.$route = $route; 
 
    $scope.$location = $location; 
 
    $scope.$routeParams = $routeParams; 
 
    ngProgress.complete(); 
 
});

funkcję bootstrap ui takie jak alarm powinien działać, ale nie wydaje się, aby pracować w ngview, wydaje się tylko do pracy po dodaniu go do głównej strony bazowej. Czy istnieje sposób, aby uruchomić go na stronie ładowanej ngView? Cecha

Przykład Bootstrap UI:

<alert type="success">This should work</alert> 

Aktualizacja: Plunker ale nie mógł dostać ngroute do pracy, ale podstawą jest tam: http://plnkr.co/edit/Njg16e01Ocv1iC1qzn7A?p=preview

+0

Czy umieścisz plunker/jsfiddle? spróbuj ui-view? –

+0

Stworzyłem plunkera, ale nie mogłem dostać ngRoute do pracy nad linkiem, ale podstawa jest tam http://plnkr.co/edit/Njg16e01Ocv1iC1qzn7A?p=preview – Bob

+0

Co tam, Bob, czy moja odpowiedź ci pomogła? – angabriel

Odpowiedz

0

Może to być spowodowane utworzyć kontrolkę na "staffPanelApp", ale twój ngApp nazywa się myApp?

Powiązane problemy