1

我正在尝试将route属性绑定到 src ng-include

配置.js

$routeProvider.when('/services', {
  templatePATH: '/views/services.html'
});

索引.html

<html lang="en" ng-app="myApp" ng-controller="AppController">
<body>
<div ng-include src="{{page}}" class="container"></div>
</body>
</html>

控制器.js

controller('AppController', ['$scope','$route','$routeParams', function($scope, $route, $routeParams) {
  var render = function(){
    $scope.page = $route.current.templatePATH;
  };

  $scope.$on("$routeChangeSuccess",function( $currentRoute, $previousRoute ){
    render();
  });

}]).

这就是我想到的地方。奇怪的是,指令注入的templateURL页面加载时的 DOM 中看到然而可悲的是,这行不通。srcng-include

有可能实现这种约定吗?

4

1 回答 1

1

哦,您只是犯了一个很小的错误,请将您的代码更改为以下

<div ng-include="page"  class="container"></div>

更详细的答案:当您使用 ng-include 指令时,会在 srcExp 上放置一个手表,这是 attr.ngInclude || 的值 attr.src 因此,如果您执行 {{page}} 那么您将关注页面的值而不是页面属性,因此您必须将“页面”放在没有插值的情况下,以便它可以直接在页面上而不是页面字符串值上观看

于 2013-06-13T18:30:52.990 回答