基本的Angularjs代碼沒有運行？

Question

我使用非常簡單的代碼。 我似乎錯過了運行Angularjs代碼的東西。

這是我的HTML代碼：

<html>
<head>
    <title></title>
</head>
<body ng-app="myAppApp">
<div ng-controller="exempleCtrl">
   HELLO {{name}}!
</div>
</body>
</html>

這是app.js代碼：

var app = angular.module('myAppApp',[]);
app.controller('exempleCtrl', function($scope) {
    $scope.name = 'World';
});

我是Angularjs的新手。 所以我可能會錯過這里的大事。

Answer 1

正如評論中指出的那樣，問題是您沒有在HTML文件中包含您的Javascript代碼。 因此，假設您將其稱為app.js並且與HTML文件位於同一目錄中，則需要按如下方式包含它：

 <html>
<head>
    <title></title>
    <!-- You should also add reference to angular (use desired version - example here is 1.2.4) -->        
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular.min.js"></script>
    <!-- Here including the app.js-->
    <script src="app.js"></script>
</head>
<body ng-app="myAppApp">
<div ng-controller="exempleCtrl">
   HELLO {{name}}!
</div>
</body>
</html>

嘗試一下，讓我們知道這是否有效。

基本的Angularjs代碼沒有運行？

問題描述

1 個解決方案

解決方案1
3 已采納 2016-10-03 21:40:10

基本的Angularjs代碼沒有運行？

問題描述

1 個解決方案

解決方案1 3 已采納 2016-10-03 21:40:10

解決方案1
3 已采納 2016-10-03 21:40:10