angularjs, AngularUi (Önyükleme) ve NgRoute

kullanarak Im angularjs 1.4.1 ngRoute 1.4.1 ve https://angular-ui.github.io/bootstrap/angularjs, AngularUi (Önyükleme) ve NgRoute

taban yapısı

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

ve I ngRoute kullanımı web sitemin her sayfasını yaklaşık olarak, bize ulaşın, vb. ng görünümünde div'a yükleyin. sayfa uyarısı çalışmalıdır ama ngview çalışmak görünmüyor gibi

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

ui önyükleme özelliğini kullanarak ng görünüm içine yüklenir

, sadece görünüyor ana ana sayfaya eklediğimde çalışmak. NgView yüklü sayfada çalışmak için bir yolu var mı?

Örnek Bootstrap UI Özelliği:

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

Güncelleme: Plunker ama ngroute alamadım çalışmak ama temel vardır: http://plnkr.co/edit/Njg16e01Ocv1iC1qzn7A?p=preview

kaynak

2015-07-12 Bob

Bir plunker/jsfiddle gönderir misiniz? ui-view'i dene? –

Bir plunker oluşturdum ancak bağlantı üzerinde çalışmak için ngRoute alamadım ama temel var http://plnkr.co/edit/Njg16e01Ocv1iC1qzn7A?p=preview – Bob

Bob nedir, cevabım yardım ettin mi? Örneğin, HTML5Mode ve '$ templateCache.removeAll();' öğesini kaldırarak plunker ile çalışmak için örneğinizi değiştirdikten sonra – angabriel

sizin Olabilir çünkü 'staffPanelApp' üzerinde denetleyici oluştur ancak ngApp uygulamasına benimApp denir?

kaynak

2015-07-19 08:05:33

angularjs, AngularUi (Önyükleme) ve NgRoute

cevap

İlgili konular