如何通过Angularjs在选项卡上加载ajax部分

Question

是否可以将带有表单的嵌套部分加载到部分选项卡中，例如：

<ng-include src="'form_group.html'"></ng-include>

另一个问题是表达式{{}}没有绑定到实际输出，我错过了什么？我想保留Controller中文本部分内容的表达式和范围的双向绑定。

Plunkr Source code

Answer 1

试试这个

<强> PLUNKER

app.directive('bindHtmlUnsafe', function( $parse, $compile ) {
    return function( $scope, $element, $attrs ) {
        var compile = function( newHTML ) {
            newHTML = $compile(newHTML)($scope);
            $element.html('').append(newHTML);        
        };

        var htmlName = $attrs.bindHtmlUnsafe;

        $scope.$watch(htmlName, function( newHTML ) {
            if(!newHTML) return;
            compile(newHTML);
        });

    };
});