How to evaluate Expression inside Expression in AngularJS

Question

I am trying to evaluate an expression inside expression using angularJS.Please let me know how to do it?

Problem:

I have two objects department and facility and i want to display departments and facilities in accordions. So, i am able to pass department object and facility object. Now the problem arises.As the department object has property department_name and facility has facility_name.I passed the department_name and facility_name to label attribute in directive and trying to use in accordion html like this {{item.{{label}}}}.I don't think this is right. But please let me know how can i do this.

Thanks in advance

In HTML:

 <accordion-directive object="department" label="department_name">
 </accordion-directive>
 <accordion-directive object="facility" label="facility_name">
</accordion-directive>

In Accordion HTML

 <accordion-group ng-repeat="item in object>
 <accordion-heading>
{{item.{{label}}}} // For departments it should be  department[0].department_name
                 // For Facility it should be facility[0].facility_name

 </accordion-heading>
</accordion-group>

JSON file:

    {
   "department": [
                   {
                     "department_name": "department 1", 
                   },
                  {
                   "department_name": "department 2",
                  } 
                 ]
        }

       {
    "facility": [
                   {
                    "facility_name": "Facility 1"
                   },
                   {
                    "facility_name": "Facility 2"
                   }
                ]
}

Directive:

          angular.module("app").directive('accordDirective', function () {
           return {
           restrict: 'E',
             scope: {
               object: '=',
               label:'@'
              },
             templateUrl: 'accordian.html',    
        }

Michael · Accepted Answer · 2015-06-19 23:10:06Z

4

Use square brackets:

{{item[label]}}

answered Jun 19, 2015 at 23:10

Michael

3,1141 gold badge19 silver badges17 bronze badges

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

3 Comments

mahi244 Over a year ago

Thanks @Micheal. But how is it working. Could you explain ? It would be really helpful for me.

Michael Over a year ago

That's javascript basic. You can access an object property as object.foo or object ['foo']. See Property Access for more information.

mahi244 Over a year ago

Yeah, I got it yesterday only, just forgot the basics key[value] . Anyway thanks Michael .

Collectives™ on Stack Overflow

How to evaluate Expression inside Expression in AngularJS

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related