2016-05-16 5 views
0

Ich habe zwei HTML-Seiten, die Jquery + Angularjs + einige Skripte enthalten. Wenn mein erstes html geladen wird, lädt das jquery-Skript eine andere html-Seite von ajax, die zweite html-Seite enthält ein angulares Skript, das nicht mehr funktioniert.mit eckigen Skript in geladene HTML-Seite (von Ajax)

jede Lösung? selbst wenn es das Skript von Ajax ändern muss, die

Kontrolle dieses project

+1

** JQuery + AngularJS + einige Skripte ** .... wollen überhaupt nicht helfen. poste die entsprechenden Code-Snippets. – Jai

+0

http://plnkr.co/edit/nh8vaqCPX3IIBl7TcWku – user3398919

Antwort

0

kein Problem ist, wie Sie Beschreibung gegeben hatte, kann ich Ihnen nur diese Dinge-

vorschlagen Wenn Sie die erste HTML-Seite laden, Sie muss angular scripts laden.

Da die zweite HTML-Seite per Skript geladen wird, lädt die zweite HTML-Seite zu diesem Zeitpunkt keine eckigen Skripte.

Sie können eine .js-Datei hinzufügen, in der der Skriptcode enthalten ist und diese js-Datei in die erste HTML-Seite eingefügt wird.

0

Sie könnten versuchen, es die folgende Art und Weise

den Controller Move to index.html

Im Körper-Tag des index.html fügen Sie die App Erklärung

<body ng-app="myApp"> 

Im Inneren des Körpers Tag gehören die Bezugnahme auf die other.html

<div ng-include="'other.html'"></div> 

Im other.html benötigen Sie lediglich den folgenden Code

<div ng-controller="myCtrl"> 
    Number {{yourName}}! 
</div> 

Plunker Demo

+0

Ich möchte zu jeder externen Seite sein Skript, wenn ich Ihren Weg, den Sie vorgeschlagen, die erste Seite wird laden viele Skripts, die möglicherweise Benutzer nicht benötigt – user3398919

0

endlich gefunden, was ich

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
</head> 
<body> 
<div ng-app="myApp" ng-controller="myCtrl"> 
    <p ng-bind-html="myText"></p> 
</div> 
<script> 
var app = angular.module("myApp", []); 
app.controller("myCtrl", function($scope, $http, $sce) { 
    $http.get("page2.html").then(function (response) { 
     $scope.myText = $sce.trustAsHtml(response.data); 
    }); 
}); 
</script> 
</body> 
</html>