如何在angularjs中获取ng-included url值

Question

我有一个主文件，其中包含使用ng-include的子文件夹中的文件，如下所示，

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

ng-include值将动态变化

然后，我怎样才能获得ng-include的当前值。

Answer 1

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>