Question

我正在 Angular 中创建我的第一个应用，并且我有一个页面，其中所有内容都已禁用，但button除外。用户点击它时，所有内容都启用，标题内容也会发生变化。简单地说是两个不同的类：一个使一切变得不透明而且不可点击，另一个使正常的不透明度变为可点击。

目前我用 jQuery 制作了这个演示，在点击时触发了一个功能：

function enable() { 
    document.getElementById('title').innerHTML = "Text2"; 
    $("div").removeClass("disabled");
}

现在，我想在 Angular 中执行此操作。其实我已经做到了：

var app = angular.module("app",[]);
app.controller("MainCtrl",function($scope){
  $scope.Text = 'Text1';
  $scope.disabledClass = "disabled";
  $scope.changeClass = function(){  
      $scope.Text = 'Text2'; //Change text
      $scope.disabledClass = "not-disabled"; //Change class
  };
});

现在我有两个问题。

这是最好的方法吗？
我将使用用户登录和密码管理应用。如何在默认情况下激活禁用类当用户第一次打开应用程序时，但仍然是该类 未禁用会话的整个持续时间（一旦按下启用按钮），即使用户在页面中继续，它仍然保留，直到它关闭为止？

更改Angular中的类并将其保存为会话

0 个答案: