2016-11-02 10 views
0

誰かが私が持っているかもしれない問題を特定するのを助けることができますか?AngularJSはhtmlファイルにレンダリングされません

ライブラリをインポートしても、角度を使用できないようです。 HTMLをリフレッシュすると、ブラウザに表示されます。コントローラがまったく動作していないようです。私が{{1 + 1}}をしようとしたときにも。代わりに "{{1 + 1}}"を表示するだけで、私の計算はしません。これは3日間私を悩ませている。本当に誰かが私にヒントを与えることができます感謝します。

これは私の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; 

}]); 
+0

ng-Controllerをng-controllerに置き換えることはできますか? –

答えて

1

まずJavaScriptのリンク

そしてまた、変数の前の角のリンクを宣言person1、person2、person3をue1、ue2、ue3に変更する必要があります

+0

ありがとうございます。注文を変更した後に働いた –

+0

この回答を投票してください –

0

あなたは

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

またangular.min.jsを検証することに加えてng-controller

NG-コントローラを置き換え、以下のよう<script>宣言の順序を変更する必要がありますパスが矛盾しないように、controller.jsangular.min.jsを同じフォルダに入れるのが良いでしょう。

+0

ありがとうございます!それは注文の問題 –

+0

ようこそ!あなたが答えが好きなら、plsは答えを受け入れる! –

関連する問題