启用禁用后（使用 ng-init 禁用并通过单击按钮启用）文本输入框默认输入框值未显示在 angularjs

Question

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">
  </script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js">
  </script>

  <head>

    <body>
      <div ng-app="">
        <label class="control-label"> Name:</label>
        <div class="input-group col-lg-4 col-md-4 col-sm-4 col-xs-4">
          <input type="text" class="form-control" ng-model="name" ng-disabled="bname" ng-init="bname=true;" value="Default Value">
          <span class="input-group-addon">
    <a ng-click="bname=!bname" title="Click here to Change your name">
    <span class="glyphicon glyphicon-edit"></span></a>
          </span>
        </div>
      </div>
    </body>

</html>

启用禁用后（使用 ng-init 禁用并通过单击按钮启用）文本输入框默认输入框值未显示在 angularjs 中，任何人都可以这样做吗？感谢任何形式的帮助，因为我是 ng 的新手。 w3c 示例：w3schools.com tryit editor

Answer 1

初始化 angular 属性 "name" 使用 ng-init 删除 value 属性，如下所示：

  <input type="text" class="form-control" ng-model="name" 
      ng-disabled="bname" ng-init="bname=false; name='default value'" >

启用禁用后（使用 ng-init 禁用并通过单击按钮启用）文本输入框默认输入框值未显示在 angularjs

After enabling disabled (disabled using ng-init and enabled by button click) text input box default input box value not showing in angularjs

input

disabled-input

angularjs