angular.js中的Hello World
[英]Hello World in angular.js
問題描述
我正在嘗試在angular.js中創建一個Hello World頁面。但是它顯示： {{helloMessage}}而不是Hello World 。 無法理解，問題出在哪里。
該文件夾包含兩個文件：angular.min.js和HelloWorld.html。 我在HelloWorld.html中編寫了以下代碼：
<!doctype html>
<html lang = "en" ng-app>
<head>
<meta charset = "utf-8">
<title> Hello World </title>
</head>
<body>
<h1 ng-controller = "HelloWorldCtrl">{{helloMessage}}</h1>
<script src = "angular.min.js"></script>
<script type = "text/javascript">
function HelloWorldCtrl($scope){
$scope.helloMessage = "Hello World";
}
</script>
</body>
</html>
2 個解決方案
解決方案1
1 2015-02-03 23:43:10
您的控制器設置不正確。 它需要綁定到您的角度應用程序。 首先，您需要為應用命名：
<html ng-app='myApp'>
然后像這樣更改腳本：
angular.module('myApp', []).controller('HelloWorldCtrl',
function($scope) {
$scope.helloMessage = "Hello World";
}
);
解決方案2
0 2015-02-03 23:44:18
您只是在創建函數HelloWorldCtrl ，而不是將其分配給控制器。 檢查文檔 。
您應該這樣做：
var myApp = angular.module('myApp',[]);
myApp.controller('HelloWorldCtrl', ['$scope', function($scope) {
$scope.greeting = "Hello World";
}]);
angular.js“ Hello World”應用無法正常工作
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.