Javascript 数据绑定未在angular js应用程序中发生_Javascript_Html_Angularjs

Javascript 数据绑定未在angular js应用程序中发生

javascript html angularjs

Javascript 数据绑定未在angular js应用程序中发生,javascript,html,angularjs,Javascript,Html,Angularjs,我无法使用angularJS应用程序进行数据绑定以下是作为databinding.HTML的HTML模板文件和作为invoice.js的Javascript文件除了约翰·多伊之外，它还为{{fname}{{lname}}而自豪 <!DOCTYPE html <html> <head> <title></title> <meta charset="UTF-8"> <meta name="viewpo

我无法使用angularJS应用程序进行数据绑定

以下是作为databinding.HTML的HTML模板文件和作为invoice.js的Javascript文件

除了约翰·多伊之外，它还为{{fname}{{lname}}而自豪

<!DOCTYPE html
<html>
<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <div ng-app="myApp" ng-controller="InvoiceController">
        First Name :<input type="text" ng-model='fname' /><br />
        Last Name:<input type="text" ng-model='lname' /><br />
        {{ fname }} {{ lname }}
    </div>
    <script type="text/javascript" src="invoice.js"></script>
    <script type="text/javascript" src="angular.min.js"></script>
</body>
</html>

angular.module('myApp', []).controller('InvoiceController', ['$scope', 
function($scope) {
    $scope.fname = 'John';
    $scope.lname = 'Doe';
}]);

脚本的顺序错误。控制器逻辑无法工作，因为它还不知道角度是多少
更改此项：
<script type="text/javascript" src="invoice.js"></script>
<script type="text/javascript" src="angular.min.js"></script>   



为此：
<script type="text/javascript" src="angular.min.js"></script>        
<script type="text/javascript" src="invoice.js"></script>

脚本的顺序错误。控制器逻辑无法工作，因为它还不知道角度是多少
更改此项：
<script type="text/javascript" src="invoice.js"></script>
<script type="text/javascript" src="angular.min.js"></script>   



为此：
<script type="text/javascript" src="angular.min.js"></script>        
<script type="text/javascript" src="invoice.js"></script>


Thant you@Harshil Shah。这是否意味着，当我们将angular.min.js的引用放在下面的invoice.js的引用中时，我们给予invoice.js的优先级高于angular.min.js。这就是为什么它没有像我们期望的那样提供输出？@Avdheshsharma您必须将“angular.min.js”放在第一位，而其他所有东西，如角度控制器、服务等，放在“angular.min.js”脚本之后或之下。Thant You@Harshil Shah。这是否意味着，当我们将angular.min.js的引用放在下面的invoice.js的引用中时，我们给予invoice.js的优先级高于angular.min.js。这就是为什么它没有像我们期望的那样提供输出？@Avdheshsharma您必须将“angular.min.js”放在第一位，而将其他所有内容（如angular控制器、服务等）放在“angular.min.js”脚本的后面或下面。