Tengo un problema al tratar de hacer que el campo de texto de entrada sea editable.
Actualmente, no puedo hacer que el cuadro de texto de entrada sea editable al hacer clic en el botón Agregar o Editar.
He establecido los valores estáticamente en los objetos de estado.
¿Cómo puedo editar el código a continuación para que el cuadro de texto de entrada sea editable?
El código de muestra es el siguiente HTML
<html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> <body ng-app="myApp" ng-controller="myCtrl"> <input type="text" input-disabled="editableInput"/> <button type="submit" ng-click="editableInput = ! editableInput;" value="submit">Add</button> <table> <tr ng-repeat="x in records"> <td><h4>{{x}}</h4></td> <td><button type="submit" ng-click="editableInput = ! editableInput;" value="submit">Edit</button></td> </tr> </table> </body> </html>Guion
var app = angular.module("myApp", []); app.controller("myCtrl", function($scope) { $scope.records = [ "Alfreds Futterkiste", "Berglunds snabbköp", "Centro comercial Moctezuma", "Ernst Handel", ] }); app.directive("inputDisabled", function(){ return function(scope, element, attrs){ scope.$watch(attrs.inputDisabled, function(val){ if(val) { element.removeAttr("disbaled"); } else { element.attr("disabled", "disabled"); } }); } });Cualquier ayuda sería muy apreciada.