Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
AngularJS,字符串不插入$routeParams值_Angularjs - Fatal编程技术网

AngularJS,字符串不插入$routeParams值

AngularJS,字符串不插入$routeParams值,angularjs,Angularjs,我正在尝试使用route angularJs类的routeParams构建链接。它工作得很好,但出于某种原因,它不会插入我的字符串 我尝试了以下方法: {{username}}在控制器中,我设置了$scope.username=$routeParams.username {{Repo.username}作为控制器称为RepoController 但是,除了在屏幕上以字符串文本的形式打印外,这两种方法都没有结果 App.js (function() { var app = angular

我正在尝试使用route angularJs类的routeParams构建链接。它工作得很好,但出于某种原因,它不会插入我的字符串

我尝试了以下方法:

  • {{username}}在控制器中,我设置了$scope.username=$routeParams.username
  • {{Repo.username}作为控制器称为RepoController
  • 但是,除了在屏幕上以字符串文本的形式打印外,这两种方法都没有结果

    App.js

    (function() {
    
        var app = angular.module("githubViewer", ["ngRoute"])
    
        app.config(function($routeProvider) {
          $routeProvider
            .when("/main", {
              templateUrl: "main.html",
              controller: "MainController"
            })
            .when("/user/:username", {
              templateUrl: "user.html",
              controller: "UserController"
            })
            .when("/repo/:username/:reponame", {
              templateUrl: "repo.html",
              controller: "RepoController"
            })
            .otherwise({
              redirectTo: "/main"
            })
        });
    
    }());
    
    RepoController.js

    (function() {
    
      var app = angular.module("githubViewer")
    
      var RepoController = function($scope, github, $routeParams) {
    
      $scope.username = $routeParams.username;
      $scope.reponame = $routeParams.reponame;
    
    
      app.controller("RepoController", ["$scope", "github", "$routeParams", RepoController]);
    
    }());
    
    Repo.html

    <section>
    
      {{ username }}
      <br />
      {{ repo.name }}
    
    </section>
    
    
    {{username}}
    
    {{repo.name}
    有一个plunker可用:


    非常感谢你的帮助。干杯

    Plunkr中有几个语法和语义问题可能会影响您的实际代码

  • RepoController.js中存在语法错误--您没有使用
    }
    关闭
    RepoController
    函数声明
  • 您没有将
    包含在
    index.html
  • $scope.repo
    不是具有name属性的对象。在模板中,改为使用
    reponame
    ,或者可以执行
    $scope.repo={name:$routeParams.reponame}

  • 您有语法错误,控制器功能未关闭。
    }
    感谢您的快速响应。在解决了这三个问题后,它起了作用。前两个有点草率。无论如何,干杯!