javascript - AngularJS を空にする/Div を埋める

Question

noJS フォールバックが実装されている状況がありますが、div コンテンツ全体を置き換えたいと考えています。HTML は次のようになります。

<div ng-controller="UserStatusCtrl">
     {{content}}
     <button>Login</button>
     <button>Register</button>
</div>

そして、次のように機能するコントローラーがあります。

EngagementApp.controller('UserStatusCtrl', ['$scope', 'user',
function($scope, user) {

    if(user.status == 0) {
        $scope.content = ' <button>Login</button><button>Register</button>';
    } else if(user.status == 1) {
        $scope.content = '<div>Welcome' + user.user_name + '</div>';
    }

    return function($scope) {

    };
}]);

私の質問は、{{content}} 領域内だけでなく、div 内のすべてのコンテンツを置き換えるにはどうすればよいですか?