if i pass iteration variable of ng-repeat into a function, it shows as undefined in angular js
<p>I am using ng-repeat to iterate an array like this:</p>

<pre><code>&lt;ul ng-repeat="xx in dish"&gt;
        &lt;li&gt;{{xx.name}}&lt;/li&gt;
        &lt;li&gt;{{xx.label}}&lt;/li&gt;
&lt;/ul&gt;   
</code></pre>

<p>the array is like this:</p>

<pre><code>$scope.dish=[
                         {
                           name:'Burger',
                           category: 'mains',
                           label:'Hot',
                           price:'4.99',
                           description:'A unique combination of Indian Uthappam (pancake) and Italian pizza, topped with Cerignola olives, ripe vine cherry tomatoes, Vidalia onion, Guntur chillies and Buffalo Paneer.',
                           comment: ''
                        },

                        {
                           name:'Sandwich',
                           category: 'mains',
                           label:'Normal',
                           price:'4.99',
                           description:'A unique combination of Indian Uthappam (pancake) and Italian pizza, topped with Cerignola olives, ripe vine cherry tomatoes, Vidalia onion, Guntur chillies and Buffalo Paneer.',
                           comment: ''
                        }
       ]
</code></pre>

<p>now i want to use the 'xx' iteration variable i used in ng-repeat, as a variable in a function which i can use in ng-click to get value of array, like this:</p>

<pre><code>$scope.makedish = function(xx){

            //this.dish1 = xx;
            $log.log(xx);
        }
</code></pre>

<p>now when i invoke this makedish function in click like this:</p>

<pre><code>&lt;button ng-click="makedish();"&gt;click&lt;/button&gt;
</code></pre>

<p>the xx shows as undefined. please help.</p>