动态添加栏以注入页面

Question

我使用名为ahmet的主题。我正在使用Angular js 1。 我已经动态添加了“导航标签”。代码如下。

$scope.CreateTabForm = function (Id, SubPageName, TabTitle, TabIcon) {
if (SubPageName !== undefined && SubPageName !== null) {
$scope.SubPageName = SubPageName;
$scope.SubPageTitle = TabTitle;
var nextTab = $('#tabs li').size() + 1;
$('<li class="nav-item"><a href="#tab' + nextTab + '" data-toggle="tab" class="nav-link"> <i class="' + TabIcon + '"></i> <span class="hidden-xs" style="text-transform:capitalize">' + TabTitle + '</span></a></li>').appendTo('#tabs');
$('<div class="container tab-pane" id="tab' + nextTab + '" style="text-align:left !important">  </div>').appendTo('.tab-content');
$('#tabs a:last').tab('show');            
var htmlcontent = $('#tab' + nextTab);
htmlcontent.load(SubPageName);
$compile(htmlcontent.contents())($scope);
 }
};

注入页面时没有问题。但是“ Angular js”常规enter code here在子页面上不起作用。

视图显示为“ {{SubPageTitle}}”。