Angular js nicht richtig mit html verhalten

Das ist mein kleiner Basic-Code Winkel js ist: -Angular js nicht richtig mit html verhalten

var app=angular.module("myApp",[]); 
app.controller("MyController",['$scope',function($scope){ 
$scope.name="Asim"; 
$scope.f1=function(){ 
console.log("i am clicked"); 
$scope.vr="lol"; 
} 
console.log("angular working"); 
}]);

Und das ist mein index.html Code: -

<html ng-app="myApp"> 
<head> 
<script type="text/javascript" src="/angular.min.js"></script> 
<script src="/app.js"></script> 

<title> Index </title> 
</head> 
<body ng-controller="MyController">  
{{vr}} 
{{name}} 

<button ng-click="f1()">Click me</button> 

</body> 
</html>

Wenn ich auf die Schaltfläche klicken, um es zeigt in der Konsole "Ich bin geklickt" und "eckig funktioniert" druckt aber die {{name}} und {{vr}} nicht gedruckt. Jeder mögliche Grund ??

Plus ich bin mit Nodejs und Winkelcode ist in "öffentlichen" Ordner, d. H. Statische Ordner und meine index.html befindet sich in "Ansichten" gebildet, wenn ein Projekt mit Express-Generator erstellt wird. Ich habe einen Hinweis, vielleicht "Name" und "Vr" werden geladen, nachdem die index.html Seite gerendert wird, so dass sie nicht drucken und alles andere funktioniert, ANYWAY FIX SUCHEN?

Quelle

2017-07-22 Asim

Fehler in der Konsole? –

Kein Fehler dort. – Asim

Mein Winkelcode befindet sich im Ordner "public". Und die index.html befindet sich im Ordner "views". Das Ordnermuster entspricht der Express-Generator-Szene. – Asim

können Sie ng-bind verwenden. Nur Ihr Name wird gerendert, da die andere Variable innerhalb der ng-click initialisiert wird. Sie können einfach Einwegbindung verwenden.

<span ng-bind="name"></span>

Quelle

2017-07-22 19:33:45 Vivz

Es könnte irgendwelche CSS-Problem auf Ihrer Sicht sein. Vielleicht werden die Daten deshalb nicht im View-Port des Bildschirms angezeigt, wenn Sie in {body} vanilla {{name}} verwenden. Wenn Sie span verwenden, stellen Sie sicher, dass Ihre Daten an einen gültigen HTML-Code gebunden sind – Vivz

Sie Code scheint zu arbeiten, denke ich, fehlt mir etwas?

<html ng-app="myApp"> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
 
<script> 
 

 
var app=angular.module("myApp",[]); 
 
app.controller("MyController",['$scope',function($scope){ 
 
    $scope.name="Asim"; 
 
    $scope.f1=function(){ 
 
     console.log("i am clicked"); 
 
     $scope.vr="lol"; 
 
    } 
 
    console.log("angular working"); 
 
}]); 
 
</script> 
 

 
<title> Index </title> 
 
</head> 
 
<body ng-controller="MyController"> 
 
    {{vr}} 
 
    {{name}} 
 
    <button ng-click="f1()">Click me</button> 
 
</body> 
 
</html>

Quelle

2017-07-22 19:12:55

Nein, siehe meine app.js und index.html sind in verschiedenen Dateien. – Asim

In einer Datei funktioniert es gut, ich weiß das. – Asim

Dann denke ich, Sie 'app.js' Datei ist nicht geladen in HTML-Tag vielleicht versuchen '' oder ' ' –

Angular js nicht richtig mit html verhalten

Antwort

Verwandte Themen