2016-12-01 26 views
0

私は新しい角度です。次のコード・コントローラーはモデルに接続していません。私はちょうどあなたがあなたのスクリプトでなど、あなたのコントローラ、ディレクティブを実装する必要があり初心者AngularJSはモデルとコントローラを接続できません

私は{{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

あなたが書くべき '私は{{1 + 4}}'体ではなく、スクリプトインチ –

+0

最後の ''は何も閉じないで、それを削除します。 –

+0

@BünyaminSarıgül、良いキャッチ、@pob、最後に – Sravan

答えて

0

を取得します。 I am {{1+4}}のようなウェブサイトのコンテンツは、ビュー内にある必要があります。つまり、スクリプト外のコードの本文部分です。 myAppに

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

あなたのリンクngのアプリ、それは動作しませんので、あなたはまだ、そのモジュールを作成していません。デベロッパーツールをチェックすると、エラーが表示されます。エラーが発生するのは、myAppモジュールが見つからないため、AngularJSがビューにブートストラップされていないためです。

次の2つのオプションがあります:角度がブートストラップする特定のモジュールを探しませんので、これは動作します

  1. は「」= をMyApp]を削除し、ちょうどngのアプリを行います。

  2. 次のコードで別のスクリプトタグを追加することで、モジュールを作成できます。

    var myApp = angular.module("myApp", []); 
    
関連する問題