簡體   English   中英

ng-view沒有顯示在angularjs中

[英]ng-view doesn't show in angularjs

我想用angularjs做路線。 但是當我運行我的應用程序時,ng-view不會顯示任何內容。 我是angularjs的新手。

指標:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>CRUD</title>
</head>
<body ng-App="myAPP">
  <a href='#/'/>List</a>
  <a href='#/addData'/>Add Data</a>

  <div>
    <div ng-view></div>
  </div>

  <script src="js/angular.js"></script>
  <script src="js/angular-route.js"></script>
  <script src="js/app.js"></script>
  <script src="controller/controller.js"></script>
</body>
</html>

app.js:

var app=angular.module('myAPP',['ngRoute']);

route.js:

app.config(['$routeProvider',function($routeProvider){
    $routeProvider.when('/',{
        templateURL : 'crud/pages/list.html',
        controller : 'controller'
    })
    .when('/addData',{
        templateURL : 'crud/pages/coba.html',
        controller : 'controller'
    })
    .otherwise({
        redirectTo : '/'
    })
}])

您尚未關閉js/angular-route.js標記

  <script src="js/angular.js"></script>
  <script src="js/angular-route.js"></script>
  <script src="js/app.js"></script>

演示

您已編寫了templateURL而不是已編寫的templateUrl。 除此之外,一切都很好。

並且請關閉方括號<script></script>

templateURL-> templateUrl

您可能應該將所有script標簽添加到head標簽中,以使其正常工作,並關閉script標簽。

檢查這里的源代碼,很酷的理解

https://github.com/umakantmane/single-page-app

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM