Angular.js使用密码进行编辑

时间:2014-02-22 15:22:11

标签: angularjs angularjs-directive angular-ui-bootstrap

这是我的例子here

我想添加密码保护,当我点击“编辑标题”时。

我该怎么做?

JS代码:

function ClickToEditCtrl($scope) {
  $scope.title = "Welcome to this demo!";
  $scope.editorEnabled = false;

  $scope.enableEditor = function() {
    $scope.editorEnabled = true;
    $scope.editableTitle = $scope.title;
  };

  $scope.disableEditor = function() {
    $scope.editorEnabled = false;
  };

  $scope.save = function() {
    $scope.title = $scope.editableTitle;
    $scope.disableEditor();
  };
}

1 个答案:

答案 0 :(得分:0)

只需创建一个$ scope.checkPassword(或一些有意义的东西)函数,该函数显示一个popup / modal / etc,用户可以在其中输入密码,然后进行ajax调用以验证密码。如果输入的密码正确,则启用编辑器,否则无效。或者,如果用户成功进行身份验证,您可能希望允许保存密码。

更新:

我认为密码验证应该完全由服务器处理。我会在保存密码(在服务器上)之前调用处理身份验证的函数。因此,请确保使用保存调用将密码作为参数发送。