2013-09-23 74 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