Angular JS Parse Syntax Issue While ng-repeat

Question

I am new to Angular JS and facing parse syntax issue. I am just scratching my head. Tried many solutions but stuck.... Please help me to resolve this issue. Thanks in Advance.

Below is the code:

<tr ng-repeat="Record in Records">
                   <td>
                      <div class="checkbox">
                          <input type="checkbox" id="{{Record.id}}" name="{{'chk_'+Record.id}}" ng-click="{{'Name.changeStatus('+Record.id+',Name.checkStatus'+Record.id+')'" ng-model="{{'Name.checkStatus'+Record.id}}" ng-init="{{'Name.checkStatus'+Record.id}}={{'Name.getTrueFalse('+Record.status+')'}}"  />
                      </div>
                  </td>
                  <td><a href="javascript:void(0)" onaftersave="{{'Name.UpdateRecord('+Record.id+',$data)'}}" ng-model="{{'Name.name'+Record.id}}" editable-text="{{'Name.name'+Record.id}}" e-style="color: #333" e-required ng-init="{{'Name.name'+Record.id}}='{{Record.name}}'" ><span class="{{Record.status == 0 ? 'cross' : ''}}">{{Record.name}}</span></a></td>
                  <td class="right-align"><button type="button" ng-click="Name.deleteRecord(Record.id)" class="btn btn-danger">Delete</button></td>
                </tr>

floribon · Accepted Answer · 2015-02-19 22:23:08Z

1

Most of your bindings are wrong.

For instance this:

ng-click="{{'Name.changeStatus('+Record.id+',Name.checkStatus'+Record.id+')'"

Should be written:

ng-click="Name.changeStatus(Record.id, Name.checkStatus+Record.id)'"

Basically what you write in ng-click or ng-init are expressions which will be executed by angular. So they shouldn't be string with quotes ' but instead an actual bit a code.

ng-model is a two-ways binding, which means you need to pass a variable here, such as ng-model="myModel" or ng-model="myObject.myProperty"

Too many things are wrong in the code and we cannot guess what you're trying to achieve without the code of the onaftersave and editable-text directives.

answered Feb 19, 2015 at 22:23

floribon

19.2k5 gold badges56 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular JS Parse Syntax Issue While ng-repeat

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related