動態更改ng-include

我對Angular很新穎。我試圖在用戶選擇「Facebook頁面」時動態地改變頭中ng-include的值。我無法弄清楚爲什麼我有沒有工作。我曾嘗試一切，我已經在計算器發現我不再使用這些指令：http://blog.dynamicprogrammer.com/2012/09/19/dynamic-includes-with-angular-js.html 動態更改ng-include

這是我的html：

<!-- BEGIN HEADER --> 
<div data-ng-include data-ng-src="getPartial()" data-ng-controller="HeaderController" 
     class="page-header navbar navbar-fixed-top"> 
</div> 
<!-- END HEADER -->

這是我的控制器：

* Setup Layout Part - Header */ 
PicoApp.controller('HeaderController', ['$scope', function ($scope) { 
    $scope.$on('$includeContentLoaded', function() { 
     Layout.initHeader(); // init header 
    }); 

    $scope.getPartial = function() { 

     if (!FacebookPage.currentPage) { 
      location.href = "#/"; 
      return 'tpl/header.html'; 
     } else { 
      location.href = "#/"; 
      return 'tpl/header_main_page.html'; 
     } 
     } 

}]);

來源

2015-06-18 jgozal

那麼究竟是不是工作？ – Peter

該頁面剛剛破解。標題沒有加載，下面的解決方案工作 – jgozal

在div聲明函數被添加到不需要的ng-src中。更新代碼，這

<div data-ng-include="getPartial()" data-ng-controller="HeaderController" 
 
     class="page-header navbar navbar-fixed-top"> 
 
</div>

來源

2015-06-18 12:33:53

動態更改ng-include

回答

相關問題