2017-06-06 4 views
0

So Einfaches Winkelmodul nicht ordnungsgemäß funktioniert

ist, was es geht weg von Mir versuche, einen kleinen Test-App mit Winkeln js zu tun I

<div ng-app="testApp" ng-controller="myCtrl"> {{firstName + " " + lastName}} </div> im Körper und diese

<script> 
     var testapp = angular.module("testApp",[]); 
     testapp.controller("myCtrl",function ($scope) { 
      $scope.firstName = "John"; 
      $scope.lastName = "Doe"; 
     }); 
    </script> 
habe . Allerdings bin ich nach wie vor Empfang dieses:

enter image description here

Wie kann ich es bekommen zeigen, was ich will, das ist „John Doe“? Ich weiß, ich mache wahrscheinlich etwas Einfaches falsch ...

+1

Alle Fehler in der Konsole unter dem Arbeitsbeispiel finden? Vielleicht ist Angular nicht geladen. –

+0

@FrankModica ja: Fehler: [$ controller: ctrlreg] http://errors.angularjs.org/1.6.4/$controller/ctrlreg?p0=myCtrl bei angular.min.js: 6 bei angular.min. js: 93 bei ba (angular.min.js: 76) bei n (angular.min.js: 68) bei g (angular.min.js: 61) bei g (angular.min.js: 62) bei g (angular.min.js: 62) bei angular.min.js: 61 bei angular.min.js: 22 bei m. $ Eval (angular.min.js: 148) (anonym) @ angular.min.js: 123 – MattCom

+0

Schnelle Korrektur zu meinem Code, der es nicht löst aber testapp und testApp wurden anders benannt, das habe ich seither behoben. Trotzdem ergibt sich das Gleiche. – MattCom

Antwort

0

Ihr Code funktioniert gut im Codeausschnitt-Editor. Könnten Sie bitte weitere Details

Bitte senden

var testapp = angular.module("testApp",[]); 
 
     testapp.controller("myCtrl",function ($scope) { 
 
      $scope.firstName = "John"; 
 
      $scope.lastName = "Doe"; 
 
     });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="testApp" ng-controller="myCtrl"> 
 
    {{firstName + " " + lastName}} 
 
    </div>

+0

Ich habe genau das gleiche in Webstorm und es funktioniert immer noch nicht .... – MattCom

+0

Haben Sie einen Fehler in der Konsole. Bitte überprüfen Sie auch, ob eckig geladen ist – Haroon

0
//Create a seperate js file named module.js in which add your code as below 
var testapp = angular.module("testApp",[]); 
    testapp.controller("myCtrl",function ($scope) { 
     $scope.firstName = "John"; 
     $scope.lastName = "Doe"; 
    }); 

//then inject module.js file below the angular.min.js and please make 
//angular.min.js locally because it won't work when you will offline 
+0

Hoffe, dieser Plunker kann Ihnen eine Idee geben http://plnkr.co/edit/UkXKjmPFAWwoFGfC7WQs?p=info –

Verwandte Themen