我对Angular很新。我试图在用户选择“facebook页面”时动态更改我的标题中ng-include的值。我无法弄清楚为什么我的工作不起作用。我已经尝试了在stackoverflow中找到的所有内容,并且我停止了这些说明:http://blog.dynamicprogrammer.com/2012/09/19/dynamic-includes-with-angular-js.html
这是我的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';
}
}
}]);
答案 0 :(得分:3)
在div语句中,该函数被添加到ng-src中,这是不需要的。将代码更新为此
<div data-ng-include="getPartial()" data-ng-controller="HeaderController"
class="page-header navbar navbar-fixed-top">
</div>
&#13;