Javascript AngularJS空/填充一个分区

我有一种情况，我实现了一个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 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) {

    };
}]);

EngagementApp.controller（'UserStatusCtrl'，['$scope'，'user'，'，
功能（$scope，user）{
如果（user.status==0）{
$scope.content='LoginRegister'；
}else if（user.status==1）{
$scope.content='Welcome'+user.user_name+''；
}
返回函数（$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>

欢迎{{userName}
登录
登记

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

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>

欢迎{{userName}
登录
登记

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

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>

欢迎{{userName}
登录
登记

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

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>

欢迎{{userName}
登录
登记

控制器不应知道/生成任何标记。至于您要问的问题，您可以使用

ng include

或

ng show

指令。不要在控制器中取消任何类型的DOM修改，这就是angularjs是声明性的原因，而是使用指令或通过ScopeController传递信息控制器不应该知道/生成任何标记。至于您要问的问题，您可以使用

ng include

或

ng show

指令。不要在控制器中取消任何类型的DOM修改，这就是angularjs是声明性的原因，而是使用指令或通过ScopeController传递信息控制器不应该知道/生成任何标记。至于您要问的问题，您可以使用

ng include

或

ng show

指令。不要在控制器中取消任何类型的DOM修改，这就是angularjs是声明性的原因，而是使用指令或通过ScopeController传递信息控制器不应该知道/生成任何标记。至于您的要求，您可以使用

ng include

或

ng show

指令。不要在控制器中取消任何类型的DOM修改，这就是angularjs是声明性的原因，请改用指令或通过作用域传递信息