NG控制器：angularjs的控制器的基本用法，無法正常工作。

我剛開始Angularjs工作，當我來到了NG-控制器，還有一個令人困惑的問題如下：
的HTML代碼：
NG控制器：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"; 
});

的結果是{{名}}模型部分不能得到正確的數據。沒有默認數據「世界」可以顯示，無論我在輸入文本框內輸入什麼，輸出視圖總是你好{{name}}

編輯：我指的是一本關於angularjs的書。演示案例顯示我在這裏發佈的用法。但我現在找到了解決方法。

來源

2016-04-26 Chris Bao

在瀏覽器上報任何JavaScript錯誤（例如，您的瀏覽器開發人員工具「控制檯」選項卡）？ –

您的Angular不是自舉的。使用：

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

我建議你先閱讀一些基本的教程。

檢查這個工作演示：JSFiddle

來源

2016-04-26 03:29:59 Joy

我知道你回答的方式。但我正在閱讀一本書，因爲它說只是基於我在這裏發佈的內容，應用程序可以通過...... –

NG控制器：angularjs的控制器的基本用法，無法正常工作。

回答

相關問題