Wie der Skript Abschnitt zu laden, während unter Verwendung von extern

Ich habe meine Probe angebracht mit plunker Wie der Skript Abschnitt zu laden, während unter Verwendung von extern

<html> 

    <head> 
     <title>Angular JS Views</title> 
     <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
     <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-route.min.js"></script> 
    </head> 

    <body> 
     <h2>AngularJS Sample Application</h2> 
     <div ng-app = "mainApp"> 
     <p><a href = "#addStudent">Add Student</a></p> 
     <p><a href = "#viewStudents">View Students</a></p> 
     <div ng-view></div> 

     <script type = "text/ng-template" id = "addStudent.htm"> 
      <h2> Add Student </h2> 
      {{message}} 
     </script> 

     <script type = "text/ng-template" id = "viewStudents.htm"> 
      <h2> View Students </h2> 
      {{message}} 
     </script> 
     </div> 

     <script> 
     var mainApp = angular.module("mainApp", ['ngRoute']); 


     mainApp.config(['$routeProvider', function($routeProvider) { 
      $routeProvider. 

      when('/addStudent', { 
       templateUrl: 'addStudent.htm', 
       controller: 'AddStudentController' 
      }). 

      when('/viewStudents', { 
       templateUrl: 'viewStudents.htm', 
       controller: 'ViewStudentsController' 
      }). 

      otherwise({ 
       redirectTo: '/addStudent' 
      }); 
     }]); 



     </script> 

    </body> 
</html>

, wenn meiner Anwendung ausführen, der externe Sample-Content in meine Layout-Seite geladen. Ich habe seeparate js beibehalten (template.js). Beim Laden des Skriptbereichs in die Winkelsteuerungsfunktion wurde kein Treffer gefunden und auch die Werte werden nicht zugewiesen. So wird das Steuerelement ohne Modellwerte gerendert. Ich möchte mehr als 50 js-Dateien verwalten. Hier kann ich meine js-Datei nicht auf der Hauptseite (index.html) beziehen.

Quelle

2016-08-08 Kalpana K

Sie zuweisen einen Controller

app.config(function ($routeProvider, $locationProvider) { 
    $routeProvider 
     // home page 
      .when('/', { 
       templateUrl: 'Samples/template.html', 
       controller: "DropDownCtrl", 
      }) 
.otherwise({ 
     redirectTo: '/' 
    }); 
});

auch template.js Datei in Header testen

Quelle

2016-08-08 10:41:17

Dank sind für Ihre response.I den Namen des Controllers korrigiert haben, dann auch geladen Skript Aufruf nicht. also bitte schlagen Sie mir –

haben Sie template.js Datei in index.html enthalten? –

Ich habe meinen Link mit einfachen plunkar Anwendunghttps: //plnkr.co/edit/H9xvN8f5AzNOwKvI6Vi4? P = Vorschau .Hier möchte ich die app.js Skriptwert laden.Ich möchte nicht verweisen in index.html page.because Ich muss mehr als 50 Dateien laden. –

Wie der Skript Abschnitt zu laden, während unter Verwendung von extern

Antwort

Verwandte Themen