爲什麼我的HTML文件無法識別AngularJS變量

<!DOCTYPE html> 
 
<html ng-app=""> 
 
<head> 
 
    <title>hello</title> 
 
    <script type="text/javascript" src="lib/angular.js"></script> 
 
</head> 
 
<body> 
 
\t <input type="text" ng-model="name"> 
 
\t <p>{{name}} </p> 
 
</html>

我嘗試做一個非常簡單的角度的項目，但也有一些是錯誤的。在輸出頁面中顯示變量名稱，而不是按預期的值。

來源

2017-04-08 Ahmed Hassan

您應該添加[代碼段]（https://stackoverflow.blog/2014/09/16/introducing-runnable-javascript-css-and-html-code-snippets/）和run這可以幫助我們。 – Dwhitz

在這裏發佈您的代碼 – Sajeetharan

抱歉，我編輯了它 –

你需要有模塊和控制器宣佈，這兩個缺少與您的代碼，

var app = angular.module("myApp", []); 
    app.controller("myCtrl", function($scope) { 

    });

DEMO

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
<body ng-app="myApp" ng-controller="myCtrl"> 
 
\t <input type="text" ng-model="name"> 
 
\t <p>{{name}} </p> 
 

 
<script> 
 
var app = angular.module("myApp", []); 
 
app.controller("myCtrl", function($scope) { 
 
    
 
}); 
 
</script> 
 
</body> 
 
</html>

來源

2017-04-08 11:40:54 Sajeetharan

仍然是同樣的問題.. 它在這裏工作..但在我的彈簧工具，它不起作用 –

你看到控制檯上的任何錯誤？ – Sajeetharan

沒有沒有錯誤 –

檢查樣品angularjs代碼

var app = angular.module("myApp", []); 
 
app.controller("myCtrl", function($scope) { 
 
    $scope.name = "Hello"; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<body ng-app="myApp"> 
 
    <div ng-controller="myCtrl"> 
 
    <input type="text" ng-model="name"> 
 
    <p>{{name}} </p> 
 
    </div> 
 
</body>

來源

2017-04-08 12:48:02

爲什麼我的HTML文件無法識別AngularJS變量

回答

相關問題