AngularJS不會渲染到html文件

任何人都可以幫助我確定我可能遇到的問題嗎？AngularJS不會渲染到html文件

即使我已經導入庫，似乎我不能使用角度。當我刷新HTML時，這是瀏覽器中顯示的內容。看起來控制器根本不工作。甚至當我嘗試做{{1 + 1}}時。它不會爲我做任何計算，而只是顯示「{{1 + 1}}」。這已經讓我煩惱了三天。真的很感謝有人能給我一個小費。

這是我的HTML文件：

<!DOCTYPE html> 
    <html ng-app="myApp"> 
     <head> 

    <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

    <!-- Optional theme --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 

    <meta charset ="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content= "IE=edge"> 
    <title></title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
</head> 
<body> 
    <div class="container" ng-Controller="AppCtrl"> 
    <h1>UE Call Home</h1> 
     <table class ="table"> 
      <thead> 
       <tr> 
        <th>HostIP</th> 
        <th>IMSI</th> 
        <th>IMEI</th> 
        <th>Model</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr ng-repeat = "device in ue"> 
        <td>{{device.hostid}}</td> 
        <td>{{device.imsi}}</td> 
        <td>{{device.imei}}</td> 
        <td>{{device.model}}</td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
    <script type="javascript" src="Controller/controller.js"></script> 
    <script type="javascript" src="angular.min.js"></script> 
</body>

這是我的控制器：

var myApp = angular.module('myApp',[]); 
myApp.controller('AppCtrl',['$scope','$http',function($scope,$http){ 
    console.log("Hello World!"); 
    ue1 ={ 
     hostip:"andrew", 
     imsi:909090, 
     imei:898989, 
     model:8994 
    }; 
    ue2 ={ 
     hostip:"nick", 
     imsi:787878, 
     imei:565656, 
     model:8996 
    }; 
    ue3 ={ 
     hostip:"dick", 
     imsi:1212121, 
     imei:2323232, 
     model:9650 
    }; 

    var ue =[person1,person2,person3]; 
    $scope.ue = ue; 

}]);

來源

2016-11-02 X.Xin

你可以用ng-controller替換ng-Controller嗎？ –

首先你的JavaScript鏈接之前宣佈的角度鏈接

同時，也是變數person1，person2，person3需要更改爲ue1，ue2，ue3

來源

2016-11-02 16:41:45

非常感謝。它改變了命令後工作 –

請投票回答 –

你必須改變如下<script>聲明的順序，

<script type="javascript" src="angular.min.js"></script>  
<script type="javascript" src="Controller/controller.js"></script>

還與ng-controller

除了更換NG-控制器到驗證angular.min.js路徑，最好將controller.js和angular.min.js放在同一文件夾中以避免路徑衝突。

來源

2016-11-02 16:48:35

謝謝！這是訂單問題 –

歡迎！如果你喜歡答案，請接受答案！ –

AngularJS不會渲染到html文件

回答

相關問題