javascript - angularjs，在路由中使用一个函数作为templateUrl

Question

可以使用函数作为 templateUrl。 $routeProvider 的官方文档指出:

templateUrl – {string=|function()=}

$routeProvider official documentation

在 javascript 中，函数的语法为:

function() {code here}

但是文档显示:

function()=

使用 function()=Code Here 不起作用。在 angularjs 路由中使用 templateUrl 函数的语法是什么？

如果我使用类似的东西:

when('/Store/:StoreId', {
      templateUrl: function()=webPages/Stores.php?storeID=' + :StoreId,
      controller: 'storeParseData'

这是行不通的。我猜 :StoreId 的 URL 匹配自动存储在 $routeProvider 中。我试过以各种不同的方式使用 $scope、$location 和 $routeProvider 但没有成功。我正在寻找将 URL # hash id 传递给 templateUrl 的最简单和最直接的方法。

我需要将动态信息注入(inject)到 templateUrl 中的原因是因为我正在加载的页面是一个 PHP 文件，它在加载时运行 PHP 代码。 PHP 代码从散列 # URL 中检索信息。在 Controller 中检索 :StoreId 对我没有帮助。我希望 PHP 文件从服务器端而不是 前端 JavaScript Controller 检索数据。

PHP代码如下:

<?php
//There are two basic scenarios. 1) Get all Store names to populate the Store List
// 2) Get all the postings from a particular user, (store)
// If the URL has 'cat=something', then get all the store data
// If the URL does NOT have 'cat=something', then get the store data.

//Only get the store names if DIV with the store names is empty, otherwise
//just get the stores listings.

$storeNames = file_get_contents('https://NameOfDataURLHere.com/.json');

//information that was previously put into the URL string ending, is parsed with the following code.
$urlPiece = $_SERVER['REQUEST_URI'];
echo("url Piece: ".$urlPiece);
//find the position of the first character in the URL string with search criteria: 'storeID='.
//First the URL is checked for 'storeID='.  If 'storeID=' exits in the URL, then the page routing injected 'storeID='
//as a string for an argument to be passed.  If no argument was passed, then 'storeID=' string.
$posOfEqualSign = strrpos($urlPiece,"storeID=");
echo("<br>");
echo("posOfEqualSign: ".$posOfEqualSign);
echo("<br>");
//If the string 'storeID=' was found, it's okay to proceed.

if (isset($posOfEqualSign) && strlen($posOfEqualSign) > 0) {
  //the substr function in PHP doesn't need an length designation if you want the default to go to the end of the string.
  $storeID = substr($urlPiece,$posOfEqualSign + 8);
  echo("storeID Length: ".strlen($storeID));
  echo("<br>");
  echo("storeID: " . $storeID);
  echo("<br>");
}

if (isset($storeID) && strlen($storeID) > 3) {
  //get all listings for the store out of the listings database with the store ID
  //The store ID was retrieved from the URL.  The store ID was put into the URL when the user clicked the store name.
  $storeListings = file_get_contents('https://NameOfDataURLHere.com/'.$storeID.'/.json');
  $listingsDecoded=json_decode($storeListings,true);

  echo("storeListings: ".$storeListings);
  echo("<br>");

  if (strlen($storeListings) > 1) {
  foreach ($listingsDecoded as $key => $value) {
    //$keyValHere = "\"" . $key . "\"";

    //echo "keyValHere " . $keyValHere;
    echo"<br><br>";
    echo "Level 1 Key: " . $key;
    echo '<br><br>';

    $storeListingsData = array();

    foreach($value as $x=>$v) {
        echo "Level 2 Key: " . $x;
        echo"<br>";
        echo "Lelvel 2 value: " . $v;
        echo"<br>";
        $specificListing = substr($v, 4);
        $catToGetItemFrom = substr($v,0,3);
        echo 'The Listing ID: ' . $specificListing;
        echo"<br>";
        echo 'The category: ' . $catToGetItemFrom;
        if (strlen($catToGetItemFrom) > 0 && strlen($specificListing) > 1) {
          if (ord($catToGetItemFrom) <= 109) { //ord returns the ASCII value of the first character of a string
            $whatDB = "NameOfDBHere";
          } else {
            $whatDB = "NameOfSecondDBHere";
          }
          $oneStoreListing = file_get_contents('https://'.$whatDB.'.dataURL.com/'.$catToGetItemFrom.'/'.$specificListing.'/.json');
        } else {
          $oneStoreListing = "";
          echo('one store Listing: '.$oneStoreListing);
        }

        if (strlen($oneStoreListing) > 1) {
          //Keep adding single store listings to the array until the loop is done.
          array_push($storeListingsData, $oneStoreListing);
        }
    }
  }
}

echo '<br>';
echo('store Names: '.$storeNames);
echo('<br>');
echo('one store Listing: '.$storeListingsData);

}
?>

使用 PHP 将数据注入(inject) DIV 以供以后检索:

    <br>

<div id="idCatName" style="display: inline"><?php echo $catToGetItemFrom;?></div>
<br>
<div id="idStoreNames" style="display: inline"><?php echo($storeNames);?></div>
<br>
<div id="idStoreData" style="display: inline"><?php echo($storeListingsData);?></div>

解决方案 - 在他人的帮助下:

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

$routeProvider.
    when('/Store/:StoreId', {
        templateUrl: function(params){return 'webPages/Stores.php?storeID=' + params.StoreId;},
        controller: 'storeParseData'
     }).
     otherwise({ redirectTo:'/Home' });
  }]);

Answer 1

.when('/:storeId/private', {
    templateUrl: function(params) {return 'webPages/Stores' + params.storeId;},
    controller: 'storeParseData'
})