AngularJS, AngularUi (Bootstrap) und NgRoute

Im mit AngularJS 1.4.1, 1.4.1 und ngRoute https://angular-ui.github.io/bootstrap/AngularJS, AngularUi (Bootstrap) und NgRoute

Die Grundstruktur ist

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

und ich verwende ngRoute zu Laden Sie jede Seite meiner Website wie etwa über, kontaktieren Sie uns, etc ... in das Div mit ng Ansicht.

Wenn die Seite in ng Ansicht geladen wird mit

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(); 
 
});

der ui Bootstrap-Funktion wie Alarm funktionieren soll, aber es scheint nicht in der ngview zu arbeiten, scheint es nur um zu arbeiten, wenn ich es der Hauptgrundseite hinzufüge. Gibt es eine Möglichkeit, es in der ngView-geladenen Seite zum Laufen zu bringen?

Beispiel Bootstrap UI Feature:

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

Update: Plunker konnte aber nicht ngroute zu arbeiten, aber die Basis ist da: http://plnkr.co/edit/Njg16e01Ocv1iC1qzn7A?p=preview

Quelle

2015-07-12 Bob

Können Sie eine Plunker/jsfiddle posten? versuchen Sie es mit der UI-Ansicht? –

ich eine Plunker erstellt, aber ich konnte nicht ngRoute auf den Link zu arbeiten, aber die Basis ist es http://plnkr.co/edit/Njg16e01Ocv1iC1qzn7A?p=preview – Bob

Was Bob ist los, hast du meine Antwort Hilfe? – angabriel

Könnte es, weil Sie sein Erstelle Controller auf 'staffPanelApp', aber deine ngApp heißt myApp?

Quelle

2015-07-19 08:05:33

AngularJS, AngularUi (Bootstrap) und NgRoute

Antwort

Verwandte Themen