なぜng-viewに何も表示されませんか？

私は角を学び、問題があります。スクリプトに直接コードを挿入すると、jsコントローラをcontrollers.jsに移動しても表示されません。ここに私のコードは次のとおりです。なぜng-viewに何も表示されませんか？

index.htmlを

<!DOCTYPE html> 
<html ng-app="pivoApp"> 
<head> 
    <title>Pivovara Medvedgrad Kupci</title> 
    <script>document.write('<base href="' + document.location + '" />');</script> 
    <meta charset="utf-8"> 

    <link type="text/css" rel="stylesheet" href="css/main.css"> 


    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> 
    <script src="js/libs/angular-cookies.min.js"></script> 
    <script src="js/libs/angular-route.min.js"></script> 
    <script src="js/libs/angular-resource.min.js"></script> 
    <script src="js/controllers.js"></script> 
    <script src="js/app.js"></script> 

</head> 
<body> 
<h1>Početna</h1> 
<nav> 
    <ul> 
     <li><a href="index.html#!/">Početak</a></li> 
     <li><a href="index.html#!/registracija">Registracija</a></li> 
    </ul> 
</nav> 
<div ng-view> 

</div> 

</body>

テンプレート/ registracija.html

<div> 
<h2>Registracija</h2> 

<form > 
    Ime:<input type="text" ng-model="ime"/><br/> 
    Prezime:<input type="text" ng-model="prezime"/><br/> 
    Korisničko ime:<input type="text" ng-model="username"/><br/> 
    <input type="button" value="submit" ng-click="insertdata()"/></br> 
</form>

テンプレート/ main.htmlを

<div>{{message}}</div>

Controllers.js

'use strict'; 
// Controllers 

    var pivoAppControllers = angular.module('pivoAppControllers', []); 

    pivoAppControllers.controller('MainCtrl', ['$scope', '$location', '$http', 
     function MainCtrl($scope, $location, $http) { 
      $scope.message = "Dobro došli u sustav za kontrolu skladišta u pivovari Medvedgrad."; 
    }]) 

pivoAppControllers.controller('regCtrl', function($scope,$http){ 
    $scope.insertdata = function(){ 
     $http.post("insert.php", {'ime':$scope.ime, 'prezime':$scope.prezime, 'username':$scope.username }) 
     .success(function(data,status,headers,config){ 
      console.log("Podaci uspiješno spremljeni"); 
      alert("Podaci za novog korisnika su uspiješno spremljeni. Novi korisnik se sada može prijaviti u aplikaciju sa navedenim podacima."); 
     }); 
    } 
});

app.js

http://errors.angularjs.org/1.5.7/$injector/modulerr?p0=pivoApp&p1=ReferenceError%3A%20when%20is%20not%20defined%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8080%2Fapp%2Fjs%2Fapp.js%3A17%3A2%0A%20%20%20%20at%20Object.invoke%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.5.7%2Fangular.min.js%3A41%3A376)%0A%20%20%20%20at%20d%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.5.7%2Fangular.min.js%3A39%3A321)%0A%20%20%20%20at%20https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.5.7%2Fangular.min.js%3A39%3A445%0A%20%20%20%20at%20r%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.5.7%2Fangular.min.js%3A7%3A355)%0A%20%20%20%20at%20g%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.5.7%2Fangular.min.js%3A39%3A222)%0A%20%20%20%20at%20db%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.5.7%2Fangular.min.js%3A43%3A246)%0A%20%20%20%20at%20c%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.5.7%2Fangular.min.js%3A20%3A359)%0A%20%20%20%20at%20Bc%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.5.7%2Fangular.min.js%3A21%3A163)%0A%20%20%20%20at%20ge%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.5.7%2Fangular.min.js%3A19%3A484

出典

2016-11-24 strava1

コンソールにエラーがありますか？ – jmona789

はいこれはエラーです：< - angular.js：38Uncaughtエラー：[$ injector：modulerr] http://errors.angularjs.org/1.5.7/$injector/modulerr?p0=pivoApp&p1=Referenc...ogleapis.com ％2Fajax％2Flibs％2Fangularjs％2F1.5.7％2Fangular.min.js％3A19％3A484）（...）（匿名関数） - > @ jmona789 – strava1

これはエラーのための完全なURLですか？エラーは単語の途中で途切れているようです。 'モジュールpivoAppのインスタンス化に失敗しました： Referenc' – jmona789

あなたのwhensにごapp.jsを変更するのいずれかの前に、期間を逃した：

'use strict'; 
// App Module 


    var pivoApp = angular.module('pivoApp', [ 
     'ngRoute', 
     'pivoAppControllers' 
    ]); 

    pivoApp.config(['$routeProvider', '$locationProvider', 
     function($routeProvider, $locationProvider) { 
     $routeProvider 
     .when('/', { 
      templateUrl: 'main.html', 
      controller: 'MainCtrl' 
     }) 
     .when('templates/registracija', { 
      templateUrl: 'registracija.html', 
     controller: 'regCtrl' 
     }) 
     ;

、それが動作するはずです。 plunkr：https://plnkr.co/edit/6lUYQdVVClZVsW2wQ1SA?p=preview

出典

2016-11-24 00:49:39 jmona789

あなたのコードスニペット。 – strava1

はい、私はあなたの問題を解決する必要がありますこの答えを見た^あなたがそれを解決すれば教えてください – jmona789

私は何も試しています。 – strava1

なぜng-viewに何も表示されませんか？

答えて

関連する問題