2016-04-26 9 views
0

を動作しない、と私はコントローラをngのために来たときに、1つの混乱のポイントは以下の通りあります:
HTMLコード:
NG-コントローラ:angularjsのコントローラの基本的な使い方は、私はちょうどAngularjsで作業を開始

<html lang="en" ng-app="App" ng-controller="AppCtrl"> 
<head> 
<meta charset="utf-8"> 
<link rel="stylesheet" href="css/bootstrap.min.css"> 
<title></title> 
<script type="text/javascript" src="js/angular.min.js"></script> 
<script type="text/javascript" src="js/controller.js"></script> 
</head> 
<body> 
<div class="container"> 
<div class="page-header"> 
<h2>Chapter1 <small>Hello,World</small></h2> 
</div> 

</div> 
<div class="container"> 
<div class="jumbotron"> 
<h1>Hello, {{name}}</h1> 
<label for="name">Enter Your Name</label> 
<input type="text" ng-model="name" class="form-control input-lg" id="name"> 
</div> 
</div> 
</body> 
</html> 

angularjsコード:

function AppCtrl($scope){ 
    $scope.name = "World"; 
}); 

結果が{{名前}}モデルの部分は正しいデータを得ることができないということです。デフォルトのデータ「World」は表示されず、入力テキストボックスに入力した内容に関係なく、出力ビューは常にHelloです。{{name}}

EDIT:angularjsについての書籍を参照してください。デモケースでは、私がここに投稿する使い方を示しています。しかし、私は今、回避策を見つけました。

+0

どれJavaScriptのエラー(例えば、あなたのブラウザの開発者向けツールの「コンソール」タブ)? –

答えて

4

あなたの角度はブートストラップされていません。使用:

angular.module('App', []) 
    .controller('AppCtrl', function($scope) { 
     $scope.name = "World"; 
    }); 

まず、いくつかの基本的なチュートリアルを読むことをお勧めします。

チェックこの作業のデモ:ブラウザーで報告JSFiddle

+0

私はあなたが答えた方法を知っています。しかし、私は本を読んでいる、それはちょうど私がここに投稿するものに基づいて、アプリは実行することができます..... –