1
爲什麼,當我改變了header.html(我選擇選項,它已被列入的index.html如下:NG-模式不更新時選擇下拉更新
<div ng-include="'views/templates/header.html'"></div>
由於某種原因,變化不會傳播到{{vm.selectedCurrency}}被稱爲在main.html中,爲什麼會出現這種情況?
了header.html
<header class="header-style-2" ng-controller="MainController as vm">
<select class="selectpicker" ng-model="vm.selectedCurrency" ng-options="o as o for o in vm.currencyTypes" ></select>
</header>
main.html中
<div class="popular_product">
<ul class="row">
<!-- New Arrival -->
<li class="col-sm-3" ng-repeat="product in vm.menNewArrivals">
<div class="items-in">
<!-- Image -->
<img ng-src="{{ product.image }}" style="height:400px; width: auto;">
<!-- Hover Details -->
<div class="over-item">
<ul class="animated fadeIn">
<li><a href=""><i class="fa fa-info"></i></a></li>
<li><a href=""><i class="fa fa-retweet"></i></a></li>
<li><a href=""><i class="fa fa-heart-o"></i></a></li>
<li class="full-w"> <a href="#." class="btn">ADD TO CART</a></li>
</ul>
</div>
<!-- Item Name -->
<div class="details-sec">
<a href="#">{{ product.name }}</a>
<span class="font-montserrat">
{{ product.price }} {{ vm.selectedCurrency }}
</span>
</div>
</div>
</li>
</ul>
</div>
主controller.js
vm.menNewArrivals = {};
vm.currencyTypes = MainService.getCurrencyTypes();
vm.selectedCurrency = vm.currencyTypes[0];
MainService.getMenNewArrivals().then(function(result) {
vm.menNewArrivals = result.data.menNewArrivals;
});
主service.js
function getCurrencyTypes()
{
var currencyTypes = ['GBP', 'USD', 'EUR'];
return currencyTypes;
}
謝謝,2)中服務的代碼將如何? – methuselah