2017-07-09 6 views
1

Ich habe viel in meinem Code Suche nach Problem gefunden, aber keine Lösung bekommen. Ich versuche Routing in HTML-Datei gibt es zwei Links 1 für view1 und zweitens für view2 Code für beide Ansichten sind in verschiedenen Dateien in Ordner namens Teile und in js-Datei Ich habe ein Modul mit dem Namen mymodule mein Problem ist, wenn ich "mymodule "von einer-App in hTML-Datei dann {{Gestüt}} funktioniert gut, aber nach der Zugabe von "mymodule" ich erhalte FehlerFehler beim Laden Modul in Winkel Js

html-Datei Code:

<!DOCTYPE html> 
<html ng-app="mymodule"> 
    <head> 
    <title>Try Deep linking</title> 
    <script src="angular.min.js"></script> 
    <script type="text/javascript" src="route.min.js"></script> 
    <script type="text/javascript" src="js/index.js"></script> 
    </head> 
    <body> 
    <input type="text" name="" ng-model="studname" /> 
    <p>{{ studname }}</p> 
    <div ng-view> 

    </div> 
    <a href="#/view1">View 1</a> 
    <a href="#/view2">View 2</a> 
    </body> 
</html> 

JS-Code:

var myapp = angular.module("mymodule",[]); 

myapp.controller("mycontroller", function ($scope) { 
    $scope.student = [ 
     {name : "Abhay Sehgal", city: "Delhi" }, 
     {name : "Pankaj Singh", city: "Bihar" }, 
     {name : "ujjwal", city : "UP"} 
    ]; 
}); 

myapp.config(function($routeProvider){ 
    $routeProvider 
    .when('/view1',{ 
     controller : "mycontroller", 
     templateUrl : "parts/view1.html" 
    }) 
    .when('/view2',{ 
     controller : "mycontroller", 
     templateUrl : "parts/view2.html" 
    }) 
    .otherwise({redirectTo :'/'}); 
}); 

Vielen Dank im Voraus

Antwort

0

Sie müssen die Abhängigkeit ngRoute zu Ihrem Modul hinzufügen,

var myapp = angular.module("mymodule",['ngRoute']); 
+0

solved..thanks ein lot..seriously ich bin einen dummen Fehler machen einmal ... Dank wieder –

Verwandte Themen