AngularJs如何在本地服務器上運行angularjs？和未捕獲的錯誤：[$注射器：modulerr]

我試圖寫一個小web應用程序：列出用戶名和號碼

這些文件是在同一個文件夾，例如：

ang8 
    |---- index.html 
    |---- list.html 
    |---- contacts.js

當我試圖打開index.html，它不會加載list.html中的內容。任何想法？謝謝！

中的index.html代碼：

<!DOCTYPE html> 
<html ng-app="contacts"> 
    <meta character="utf-8"> 
    <title>Contacts</title> 
    <style type="text/css"> 
     * { box-sizing: border-box; } 
     body { font: 14px/1.5 sans-serif; color: #222; margin: 3em;} 
    </style> 

    <div ng-controller="Contacts"> 
     <h1>Contacts</h1> 
     <div ng-view></div> 
    </div> 

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

的list.html代碼：

<h2>List</h2> 
<div> 
    <label>search: </label><input type="search" ng-model="search"> 
    <br> 
</div> 
<ul> 
    <li ng-repeat="contact in contacts | filter:search"> 
     <a href="#/contact/{{$index}}">{{contact.name}}</a> 
     : {{contact.number}} 
    </li> 
</ul>

和JS代碼：

angular 
    .module('contacts', []) 
    .config(function ($routeProvider) { 
     $routeProvider 
      .when('/', { 
       templateUrl: 'list.html' 
      }); 
    }) 
    .controller('Contacts', function($scope){ 
     $scope.contacts = [ 
      {name: 'Tom', number: '1234'}, 
      {name: 'David', number: '4321'}, 
      {name: 'Jason', number: '12345'} 
     ]; 
    })

來源

2014-02-27 Jusleong

您在哪裏包括'ngRoute'的源代碼？ – jnthnjns

@Asok抱歉，沒有ngRoute，輸入錯誤 – Jusleong

因此，如果沒有'ngRoute'，你仍然收到注入錯誤，對嗎？只要確定。其實，如果我是正確的，你需要'ngRoute'來訪問'$ routeProvider'，所以你可以引用ngRoute或者刪除你的$ routeProvider，你應該沒問題 – jnthnjns

角找不到ngRoute依賴。您錯過了對angular-route(.min).js的引用。在angular.min.js參考下方添加以下行：

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

來源

2014-02-27 13:38:21 khellang

謝謝！有用！ – Jusleong

然後投票並標記爲答案！ – petur

順便說一下，你在路由聲明中缺少'controller：'Contacts'' :) – khellang

AngularJs如何在本地服務器上運行angularjs？和未捕獲的錯誤：[$注射器：modulerr]

回答

相關問題