我有一個非常基本的頁面與控制器，我認爲這應該是非常明顯的，我正在嘗試從代碼，但它不工作。如何在AngularJS中使用控制器？

這裏是我的HTML

<!DOCTYPE html> 
<html ng-app> 

    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <h1>{{ 800/40 }} </h1> 
    <h1 ng-controller="MainController">{{message}}</h1> 
    </body> 
</html>

隨着的script.js

var MainController = function($scope) { 
    $scope.message = "Hello"; 
});

的四十零分之八百顯示的是20以下，因此暗示角腳本和NG-應用是好的，但消息的價值沒有被設置。在這個例子中，ng-controller在h1標籤中，但我也在一個包裝h1的div中嘗試過。

有什麼建議嗎？

由於

來源

2016-09-15 hello123

你應該[閱讀文檔（https://docs.angularjs.org/tutorial/step_02），而不是僅僅定義的東西莫名其妙。 – str

需要創建的角模塊

var myapp = angular.module('myApp', []); 
 

 
myapp.controller('MainController', function($scope){ 
 
    $scope.message= "Hello"; 
 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<link rel="stylesheet" href="style.css" /> 
 
<div ng-app="myApp"> 
 
    <h1 ng-controller="MainController">{{message}}</h1> 
 
</div>

來源

2016-09-15 09:21:41 Weedoze

定義角控制器作爲

app.controller('MainController', function($scope){ 
$scope.message = "Hello"; 
});

來源

2016-09-15 09:22:20

這是爲什麼downvoted –

可能是因爲'app'是未定義的。 – str

你的'app'從哪裏來？ – Weedoze

<div ng-app="myApp" ng-controller="MainController"> 
    <h1>{{ 800/40 }} </h1> 
    <h1 >{{message}}</h1> 
</div> 

<script> 
var app = angular.module('myApp', []); 
app.controller('MainController', function($scope) { 
    $scope.message = "John"; 
    }); 
</script>

來源

2016-09-15 09:23:28 Maheshvirus

做這樣的事情，

HTML代碼

<html> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
<div ng-app="myApp" ng-controller="MainController"> 
    <h1>{{ 800/40 }} </h1> 
    <h1 >{{message}}</h1> 
</div> 
</html>

在腳本中添加此文件

var app = angular.module('myApp', []); 
app.controller('MainController', function($scope) { 
    $scope.message = "John"; 
    }); 
</script>

來源

2016-09-15 09:26:21

這不會作爲'module（'ng-app'）'是一個getter。 – str

請嘗試新的 –

好吧，現在它的工作 –

你必須創建一個角模塊，並將爲NG-應用的屬性，模塊名稱。

工作液：https://jsbin.com/nugipinale/1/edit?html,js,output

來源

2016-09-15 09:28:20

如何在AngularJS中使用控制器？

回答

HTML代碼

在腳本中添加此文件

相關問題