Angular Model value is not updated when select value changes
<p>I have following code in my controller</p>

<pre><code>$scope.currencies = [
    { "currency_code": "USD", "currency_name": "American Dollar" },
    { "currency_code": "AUD", "currency_name": "Australian Dollar" }, 
    { "currency_code": "BRL", "currency_name": "Brazilian Real" }, 
    { "currency_code": "CAD", "currency_name": "Canadian Dollar" }, 
    { "currency_code": "CHF", "currency_name": "Swiss Franc" }, 
    { "currency_code": "CLP", "currency_name": "Chilean Peso" }
]

$scope.selectedCurrency = "USD";

$scope.doStuffs = function(){
   alert($scope.selectedCurrency);
}
</code></pre>

<p>And in my View </p>

<pre><code>&lt;div class="selected_currency"&gt;{{selectedCurrency}}&lt;/div&gt;
&lt;select id="currency" name="currency" ng-model="selectedCurrency" 
ng-options="currency.currency_code as currency.currency_code for currency in currencies"&gt; 
&lt;/select&gt;
</code></pre>

<p><strong>Problem</strong></p>

<p>When I change the currency from select, and execute the <code>doStuffs()</code> function, it alerts default value <code>USD</code>, the model <code>selectedCurrency</code> is not taking the changed value. </p>

<p>However expression <code>{{selectedCurrency}}</code> works pretty well.</p>

<p>Can anyone tell me how to update model when select value changes?</p>

<p>Thanks</p>

<p><strong>UPDATE</strong></p>

<p><em>This didn't work</em></p>

<pre><code>&lt;ion-view view-title="My Stuffs" ng-controller="MyCtrl"&gt;
    &lt;ion-content&gt; 
           &lt;!-- other tags --&gt;
    &lt;/ion-content&gt;
&lt;/ion-view&gt;
</code></pre>

<p>However, following code worked (I just defined <code>ng-controller</code> directive in <code>ion-content</code> tag)</p>

<pre><code>&lt;ion-view view-title="My Stuffs"&gt;
        &lt;ion-content  ng-controller="MyCtrl"&gt; 
               &lt;!-- other tags --&gt;
        &lt;/ion-content&gt;
    &lt;/ion-view&gt;
</code></pre>