如何在angularjs中获取ng包含的url值

how to get ng-included url value in angularjs

本文关键字:包含 url ng 获取 angularjs      更新时间:2023-09-26

我有一个主文件,其中包括一个使用ng-include的子文件夹中的文件,就像这样,

<p ng-include=" 'activity/act01/' "></p>

其中ng-include值将动态改变

那么,如何获得ng-include的当前值。

ng-include与表达式结合。这就是为什么您的示例需要单引号。它需要一个返回字符串的表达式。这可以是返回字符串、变量或文字字符串的函数。因此,很容易将ng-include绑定到范围变量。

下面是一个如何做到这一点的例子:

function TestCtrl($scope) {
  $scope.actPage = 'activity/act01/';
  $scope.goToActTwo = function(){
    $scope.actPage = 'activity/act02';
  };
}

以及HTML:

<div ng-app ng-controller="TestCtrl">
  <div ng-include="actPage"></div>
  <button ng-click="goToActTwo()">Change Act</button>
</div>