Javascript 不工作_Javascript_Jquery_Node.js_Angularjs

Javascript 不工作

javascript jquery node.js angularjs

Javascript 不工作,javascript,jquery,node.js,angularjs,Javascript,Jquery,Node.js,Angularjs,当我试图点击“显示”时，它没有显示任何东西，我在这上面浪费了很多时间，但是运气对我没有帮助文件 app.js controller.js index.html show.html index.html <html ng-app='Java4sApp'> <head> <title>Angular Js Tutorials _ Java4s</title> <script type="text/javascript" src=

当我试图点击“显示”时，它没有显示任何东西，我在这上面浪费了很多时间，但是运气对我没有帮助

文件

app.js

controller.js

index.html

show.html

index.html

<html ng-app='Java4sApp'>
<head>
    <title>Angular Js Tutorials _ Java4s</title>
    <script type="text/javascript" src="angular.min.js"></script>
    <script type="text/javascript" src="app.js"></script>
    <script type="text/javascript" src="controllers.js"></script>
    </head>
<body>

<div ng-controller='Java4sController'>



            Settings :
            <a href="#add">Add Details</a> | <a href="#show">Show Details</a> 

            <div ng-view></div>

</div>

</body>
</html>

<html ng-app='Java4sApp'>
<head>
    <title>Angular Js Tutorials _ Java4s</title>
    <script type="text/javascript" src="angular.min.js"></script>
    <script type="text/javascript" src="app.js"></script>
    <script type="text/javascript" src="controllers.js"></script>
</head>
<body>

<div ng-controller='Java4sController'>


            <input type="text" ng-model="myModel" />

            <ul>
                <li ng-repeat='person in people | filter:myModel'>{{person.name}}</li>
            </ul>


</div>

</body>
</html>

app.js

app.config(['$routeProvider', function($routeProvider) {

    $routeProvider.
      when('/add', {
        controller: 'Java4sController',
        templateUrl: '/add.html'
    }).
      when('/show', {
        controller: 'Java4sController',
        templateUrl: '/show.html'
    }).
      otherwise({
        redirectTo: '/index.html'
      });
}]);

app.controller("Java4sController",function($scope){

        $scope.people = [
            {name: 'Siva', city: 'Cary'},
            {name: 'Teja', city: 'Raleigh'},
            {name: 'Reddy', city: 'Durham'},
            {name: 'Venky', city: 'Denver'},
            {name: 'Arun', city: 'Texas'}
    ];

});

var app = angular.module("Java4sApp",[]);

谢谢。

您需要在创建模块时注入“ngRoute”依赖项

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

还要确保获得Angular routing js并在index.html中添加对它的引用

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

我们可以找到一个很好的例子

如果这不能解决您的问题，请告诉我

更新

这是一个简单的显示AngularJS路由

您的控制台中有错误吗？您好Thara，补充道，但运气不好，如果可能的话，您可以连接我的系统。在一些示例中，他们没有添加ngRoute，这让我Thara有点困惑。我看到您的代码中有很多问题。1.我看不出您使用过ngView 2。您正在尝试共享多个控制器（这很糟糕）让我安装一个plunker n Seek好的，这似乎是一个适合您的好plunker:。希望这有帮助：）。您是如何解决问题的。如果您发现我的答案是正确的和有用的，请将此标记为此处解释的答案