AngularJS
ng-view

Angular 2 Cordova CSS HTML ionic-framework JavaScript jQuery Node.js PHP twitter-bootstrap
Sök…


Introduktion

ng-view är ett av in-build-direktiv som vinklar använder som behållare för att växla mellan vyer. {info} ngRoute är inte längre en del av bas angular.js-filen, så du måste inkludera filen angular-route.js efter din basvinkliga javascript-fil. Vi kan konfigurera en rutt med "när" -funktionen för $ routeProvider. Vi måste först specificera rutten, sedan i en andra parameter tillhandahålla ett objekt med en mallUrl-egenskap och en kontrollegenskap.

ng-view

ng-view är ett direktiv som används med $route att återge en delvis vy i startsidan. Här i detta exempel är Index.html vår huvudfil och när användaren landar på "/" -vägen kommer mallenURL hem.html att återges i Index.html där ng-view nämns. 

angular.module('ngApp', ['ngRoute'])

.config(function($routeProvider){
  $routeProvider.when("/",
    {
      templateUrl: "home.html",
      controller: "homeCtrl"
    }
  );
});

angular.module('ngApp').controller('homeCtrl',['$scope', function($scope) {
  $scope.welcome= "Welcome to stackoverflow!";
}]);

//Index.html
<body ng-app="ngApp">
    <div ng-view></div>
</body>

//Home Template URL or home.html
<div><h2>{{welcome}}</h2></div>

Registreringsnavigering

  1. Vi injicerar modulen i applikationen 
  var Registration=angular.module("myApp",["ngRoute"]);
  1. nu använder vi $ routeProvider från "ngRoute" 
    Registration.config(function($routeProvider) {

});
  1. slutligen integrerar vi rutten, vi definierar "/ lägg till" routing till applikationen i fall applikationen får "/ lägg till" den vidarebefordrar till regi.htm 
 Registration.config(function($routeProvider) {
    $routeProvider
    .when("/add", {
        templateUrl : "regi.htm"
    })
});


Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow