2016-12-01 2 views
0

Ich bin neu zu eckig. Der folgende Code-Controller stellt keine Verbindung zum Modell her. Bekomme ich nurAnfänger AngularJS kann nicht Modell und Controller zu verbinden

Ich bin {{1 + 4}}

<!doctype html> 
    <html ng-app="myApp"> 
     <head> 
      <meta charset="utf-8"> 
      <title>AngularJS Email App</title> 
      <link href="css/style.css" rel="stylesheet"> 
     </head> 
     <body> 
     <script src="https://code.jquery.com/jquery-1.11.1.js"></script> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.32/angular.js"></script> 
     I am {{1+4}} 

     </script> 
    </body> 

+1

Sie schreiben sollte 'Ich bin {{1 + 4}}' im Körper, nicht im Drehbuch. –

+0

Die letzte '' schließt nichts, entfernen Sie es –

+0

@ BünyaminSarıgül, guten Fang, @pob, einfach entfernen '' zuletzt – Sravan

Antwort

0

Sie sollten Ihre Controller, Richtlinien usw. in Ihrem Skript implementieren. Der Inhalt der Website wie I am {{1+4}} sollte in der Ansicht, d. H. Körperteil des Codes außerhalb des Skripts sein.

0

<!DOCTYPE html> 
 

 
<html ng-app="begin"> 
 

 
    <head> 
 
    <meta charset="utf-8" /> 
 
    <title>AngularJS Plunker</title> 
 
    <script>document.write('<base href="' + document.location + '" />');</script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script> 
 
    <script src="app.js"></script> 
 
    </head> 
 
<script> 
 
    var app = angular.module('begin',[]); 
 
     app.controller('BusContorller', function($scope){ 
 
     
 
     }); 
 

 
    </script> 
 

 
    
 
    <div ng-controller="BusContorller as bus"> 
 
     I am: {{1+4}} 
 
     </div> 
 
    </body> 
 

 
</html>

0

Ihre Verknüpfung ng-App myApp, haben Sie nicht das Modul noch erstellt, so dass es nicht funktionieren wird. Wenn Sie Ihre Entwickler-Tools überprüfen, wird ein Fehler angezeigt. Der Grund für das Auftreten eines Fehlers ist, dass AngularJS nicht zur Ansicht hinzugefügt wird, da das myApp-Modul nicht gefunden werden kann.

Sie haben zwei Möglichkeiten:

  1. die myApp entfernen und nur noch ng-app = „“ Diese seit Winkel funktioniert nicht für ein bestimmtes Modul aussehen Bootstrap.

  2. Sie können das Modul erstellen, indem Sie ein weiteres Skript-Tag mit dem folgenden Code hinzufügen.

    var myApp = angular.module("myApp", []); 
    
Verwandte Themen