2013-09-23 73 views
0

我需要從另一個局部視圖更新局部視圖。我使用的技術是angular.js打字稿和ASP.Net MVC3。一個局部視圖包含一個按鈕和一個標籤。下一個局部視圖只包含一個標籤。點擊按鈕後,同一局部視圖中的標籤顯示一些值,同樣的值應顯示在其他局部視圖的標籤上。我認爲angualrjs中的nginclude將有助於實現這件事。從typeScript&angularjs中的另一個局部視圖更新部分視圖

第一部分視圖

<div class="my_giving_portfolio" ng-controller="DonationServiceController"> 
    <div class="my_giving_port_header fontfamilyGeorgia fontsize20">my giving portfolio</div> 
    <div class="my_giving_port_container"> 
     <div class="my_givings"> 
      <div class="portfolio_charity clearfix" ng-repeat="Tile in VM.Tiles">    
       <div class="donate_charity"> 
        <a class="add" href="javascript:void();" ngclick="Tile.IncrementDonation()">plus</a> 
        <p class="amount">{{Tile.DonationContainer.Amount}}</p>     
       </div>    
      </div>   
     </div> 
    </div> 
</div> 

第二部分視圖

<div id="dashboard_right_top" ng-controller="DonationHistoryServiceController" ng-include="_myGivingPortfolio.cshtml"> 
      <div class="my_giving_box" > 
       <h3 class="my_giving_title">My Giving</h3> 
       <div class="my_giving_price_box"> 
        <div class="my_giving_price_in"> 
         <h3 class="fontfamilyHelveticaNeueRegular fontsize30">${{VM.MyGivingMonthly}}</h3> 
         <p class="fontfamilyHelveticaLight fontsize12">This Month</p> 
        </div>      
       </div> 
       </div> 

但實際上我沒有關於如何執行此操作同時使用打字稿及angualrjs正確的想法。有誰知道如何去做?

+0

沒有人能夠幫助你多少沒有示例代碼。你可以發佈你的意見和TypeScript的代碼嗎? –

回答

1

我會建議在angularjs中尋找路由支持。特別是$ routeProvider的API文檔

1

你想看看angular-ui-router,它主要用$ stateProvider替換$ routeProvider。它允許嵌套的「狀態」,這些狀態基本上是路由但更好。文檔也非常好。

例如,您可以擁有一個包含多個子狀態的狀態,每個狀態都有自己的視圖模板和控制器(如果您願意)。還可以讓您在很多其他很酷的事情中輕鬆地在兒童與父母國家之間共享數據。

我個人從不再使用$ routeProvider,我只使用angular-ui-router和$ stateProvider,因爲它在我的經驗中以各種方式優越。

到這裏看看:

https://github.com/angular-ui/ui-router/wiki