Stack Overflow
Stack Overflow

Questions tagged [angular-xeditable]

Angular-xeditable is a bundle of AngularJS directives that allows you to create editable elements.

github

https://github.com/vitalets/angular-xeditable

website & deoms

https://vitalets.github.io/angular-xeditable/

syntax

<a href="#" editable-text="user.name">{{ user.name || "empty" }}</a>

screenshots

View mode:

View mode

Edit mode:

Edit mode

36 questions
10
votes
3 answers

Edit arrays using angular-xeditable

I pull some objects from my api using ngResource an then I show them in a table. Thats ok.. the problem become when I try to make 'tags' attribute editable using angular-xeditable but are treated as string and there isn't something like "ngList" on…
neiker
  • 8,887
  • 4
  • 29
  • 32
4
votes
2 answers

How to add max-length attribute to Angular-xeditable?

{{ contact.phoneNumber || '' }} I have used the directive inside a span and it is generating and inputbox on run time, when we click on a…
Madhavi Jouhari
  • 2,282
  • 5
  • 25
  • 40
3
votes
0 answers

Error: Angular-xeditable radiolist for textual value

I am working with angular-xeditable radiolist. However, my code is not working properly when list values are non numetic. I found - If the values are textual and do not contain space, in edit mode the default radio button is not selected. After…
Sagar S. De
  • 160
  • 7
2
votes
1 answer

Angular-Datatables + Angular-xeditable : editable row canceled

When combining angular-datatables and angular-xeditable, editable row is canceled when adding a new row. This is the jsfiddle. Sample operation is as follows. (1) This is initial state. (2) editing first and third rows to status "status4". (3)…
N.F.
  • 3,844
  • 3
  • 22
  • 53
2
votes
2 answers

Angular xeditable disable the form

I am using the angular directive: http://vitalets.github.io/angular-xeditable/ And I am trying to get the form displayed as a disabled form, I mean, with all the element disabled (disabled html attribute). I saw that there is a flag of the form,…
juan25d
  • 378
  • 1
  • 4
  • 17
1
vote
0 answers

Custom AngularJS directive with xeditable: doesn't work first time, but works afterward

Building an AngularJS application, I'm using xeditable to allow the user to edit a table, row per row (as described here: xeditable). The Edit, Remove and Cancel button logic being a bit cumbersome to implement in each table, I created a custom…
Bertrand Martin
  • 533
  • 1
  • 3
  • 16
1
vote
0 answers

Assigning the value of array element to a variable in AngularJS

I am new to AngularJS, I am making a simple flask app. Where I need to edit the text value. I am able to get the editable text box but I am struggling to assign the correct value in to that text box to make it editable. Here is my Angular Code var…
Prasanna
  • 79
  • 2
  • 11
1
vote
1 answer

Angular xeditable - how to keep edit mode open if server returns 400

how to keep open edit mode if server response with error? Now, when I click submit and send data to API, my form automatically is close, but I want to close edit mode only if server response with success, and stay opened if a response with an error.…
Arter
  • 2,224
  • 3
  • 29
  • 66
1
vote
1 answer

How to implement cascading in angularjs MEANSTACK-editable-select?

All I bind the data using AngularJS ng-repeat and now I try to implement cascading in AngularJS using editable-select but it's won't work anyone help how to solve this problem. My requirement is I need two drownlists one is for Country, second one…
jose
  • 1,044
  • 1
  • 12
  • 35
1
vote
1 answer

How to edit an HTML cell in AngularJS with X-editable

I am using angular js ng-repeat to bind data and I need batch edit (xeditable) now when I click edit button whole table will convert into editable but I want where user want to edit that particular cell will change into editable help refer:…
jose
  • 1,044
  • 1
  • 12
  • 35
1
vote
0 answers

Batch edit in MEAN STACK angularjs

I am using MEAN STACK Technology .I try to create a batch edit functionality like i refer following link I create it's come's row edit functionality like this https://vitalets.github.io/angular-xeditable/#editable-row I need like this…
jose
  • 1,044
  • 1
  • 12
  • 35
1
vote
1 answer

how to change xeditable color while data change in angluarjs

i am using angular js for binding the data in table and i have a crud operation on that .my need is when i change xeditable value change the color of xeditable where value should be changed Here i attached my sample code and my refrence
jose
  • 1,044
  • 1
  • 12
  • 35
1
vote
1 answer

how install angular-xeditable in mean js

i've been tried to install angular-xeditable (http://vitalets.github.io/angular-xeditable/#) in meanjs (meanjs.org), but after download with bower, I can't reference the javascript files in layout.html. And that's supposed must be added…
Alejandro
  • 21
  • 3
0
votes
1 answer

Display xeditable editable form inside popup

Need to wrap the editable form inside a bootstrap uib-popover-template. Have tried the editable ui-bootstrap popover approach, but it is not working as expected. Plunker 1 --> https://plnkr.co/edit/vXeVoFYVU2IU08CF angular-bootstrap approach - Not…
Santosh
  • 875
  • 5
  • 14
  • 33
0
votes
1 answer

check duplicates from the list and show error messge

Plunkr From the above example, Created a list and the list will be in editable mode on click edit button. It is created using angular-xeditable. From the list, just want to check the duplicates and show an error message if it matches. The below code…
kabeer rifaye
  • 417
  • 2
  • 8
  • 18
1
2 3