Einfache AngularJS 1.5.9 Komponente, die in MVC 5 nicht rendert

Ich versuche, AngularJS 1.5.9 eine MVC 5 Anwendung zu starten und zu verwenden, die eine sehr einfache Komponente verwendet, die Konfigurationsliste genannt wird.Einfache AngularJS 1.5.9 Komponente, die in MVC 5 nicht rendert

ich eine MVC-5-Anwendung erstellt (4.5.2) hinzugefügt, um die Angular.Core 1.5.9 Nuget Paket

nehmen MVC 5, Layout und Rasierer aus dem Bild zu machen, habe ich eine einfache Datei mit dem Namen test.htm:

<!DOCTYPE html> 
<html ng-app> 
<head> 
    <title></title> 
    <meta charset="utf-8" /> 
    <script src="Scripts/angular.js"></script> 
    <script src="Scripts/app/module.js"></script> 
</head> 
<body> 
    <configuration-list></configuration-list> 
</body> 
</html>

Und in module.js:

(function() { 
    "use strict"; 

    angular.module("radar", []).component("configuration-list", { 
     template: "Hello from configuration list" 
    }); 
}());

Der Browser (IE 11) kommt leer.

Ich habe die Debugging-Tools geöffnet und auf die Registerkarte Konsole gehen, und es sind keine Fehler protokolliert.

Ich habe einen Haltepunkt in module.js setzen und es getroffen wird (damit ich weiß, der Code ausgeführt wird)

die Skripte unter der Komponente in dem Body-Tag bewegt haben versucht

ich versucht habe, Einstellung ng-app = "Radar" in der HTML-Tag

Irgendeine Idee, was ich vermisse?

Quelle

2017-01-25 Rick Hodder

ich erinnere mich nicht, ob Richtlinie/Komponente Namespaces Camelcase werden müssen ... versuchen 'Komponente („configurationList“' –

@Daniel_L - das war Wenn Sie eine Antwort schreiben, werde ich sie als beantwortet markieren - danke! –

Für Komponenten, die Namensgebung Camelcase werden muss, nicht hyphencase

angular.module("radar", []).component("configurationList", { 
    template: "Hello from configuration list" 
});

Quelle

2017-01-25 16:54:58

Einfache AngularJS 1.5.9 Komponente, die in MVC 5 nicht rendert

Antwort

Verwandte Themen