javascript - 如何为 angularjs 路由提供 href

标签 javascript angularjs

我是 Angular.js 的新手,目前正在尝试了解 ngRoute,但它没有显示任何内容

这是app.js配置文件

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

// configure our routes
  app.config(function($routeProvider) {
    $routeProvider

        // route for the home page

        .when('/', {
            templateUrl : 'index.html',
            controller  : 'mainController'
        })

        // route for the about page
        .when('/about', {
            templateUrl : 'bb.html',
            controller  : 'loginController'
        })

        // route for the contact page
        .when('/contact', {
            templateUrl : 'contact.html',
            controller  : 'contactController'
        });
});

这是主index.html

    <head>
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
        <link href="css/bootstrap-theme.min.css" rel="stylesheet" media="screen"/>
    </head>

        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

    <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.10/angular-route.min.js"></script>

 <body ng-app="myApp">


<h1> User :{{user}}</h1>


<a href="#about">
    about
</a>

<h1>User :{{user}}</h1>

    </html></body>
</html>

    <script src="app.js"></script>

<script src="mainController.js"></script>
<script src="loginController.js"></script>

这些是我的 Controller

//mainController.js
     app.controller('mainController',function($scope, $http) {

      $scope.user = "user";
    });
//loginController.js
  app.controller('loginController',function($scope, $http) {


    $scope.user = "user";

});

这是

当我点击about时,它给出CANNOT GET/about,因为它检查节点路由。我应该如何给出about的href?

最佳答案

因为你的 html 中有 ng-app = "blog" 并且你的 html 中有 angular.module("myApp",['ngRoute']); js

关于javascript - 如何为 angularjs 路由提供 href,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37853143/

相关文章:

javascript - 为什么在将作用域变量传递给组件绑定(bind)时,Angular 1.5 双向绑定(bind)会失败?

javascript - 使用 Angular 数组显示键和值

JavaScript:替换字符串两侧的字符

javascript - 无法将文本绑定(bind)到 VueJS 模板中的 href 属性

javascript - 如何为网格中的每个单元格组合框编辑器定义不同的商店?

javascript - 使 ul 中的某些 'li' 可见并隐藏其他

javascript - CRUD的save方法引用了错误的URL

javascript - 堆叠条形图的 X Y 坐标

javascript - 在node.js中使用axios通过post获取数据

angularjs - 未应用 ng-class