javascript - 将变量传递到 View 之间的 Angular $routeProvider 中？ - Angular js

Question

想知道是否有一种“特定 Angular ”的方法来尝试实现这一目标。我有一个包含一些 View 的页面。当用户单击 anchor 时， View 就会发生变化，这很简单。我很好奇的是，当用户点击时，是否可以存储一个变量(例如跨度)，然后将其传递给 $routeProvider 以更动态地加载内容？ p>

因此，对于 anchor 标记 #name1，当显示该 View 时，我可以将“name1”作为变量传递到 nameHolder 中，以加载一些具有相同名称的文件。

HTML

<a href="#name1"><span>name1</span></a>

JS

var nameHolder = [];
var sampleApp = angular.module('sampleApp', ['ngRoute']);

sampleApp.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/' + nameHolder, {
        templateUrl: 'templates/individkcd.html',
        controller: 'individ',
        nameofuser: nameHolder
    }).
      when('/', {
        templateUrl: 'templates/home.html'
    });
}]);


sampleApp.controller('individ', function($scope, $route) {

    $scope.img =  $route.current.nameHolder;


});

感谢您提供任何信息。

更新:解决方案在新线程。

angular js - passing a variable into $routeProvider

Answer 1

您需要将参数添加到您的$routeProvider中模板:

sampleApp.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/' + nameHolder, {
        templateUrl: 'templates/individkcd/:nameHolder',
        controller: 'individ'
    }).
      when('/', {
        templateUrl: 'templates/home.html'
    });
}]);

然后在您的目标 Controller 中使用 $routeParams :

sampleApp.controller('individ', function($scope, $routeParams) {

    $scope.img =  $routeParams.nameHolder;


});

来自上面链接的 $routeProvider 文档:

path can contain named groups starting with a colon: e.g. :name. All characters up to the next slash are matched and stored in $routeParams under the given name when the route matches