javascript - AngularJS清空/填充一个div

我遇到了实现了noJS Fallback的情况，但是我想替换整个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) {

    };
}]);

我的问题是，如何才能替换div中的所有内容而不仅仅是{{content}}区域中的内容？

最佳答案

您的视图应该是显示/隐藏内容的视图。

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

  $scope.status = user.status;
  $scope.userName = user.user_name;
...

您认为：

<div ng-hide="status == 0">
  Welcome {{userName}}
</div>

<div ng-show="status == 0">
  <button>Login</button>
  <button>Register</button>
</div>

关于javascript - AngularJS清空/填充一个div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19524314/