0

我需要从另一个部分视图更新部分视图。我使用的技术是 angular.js 打字稿和 ASP.Net MVC3。一个局部视图包含一个按钮和一个标签。下一个局部视图仅包含一个标签。单击按钮后,同一局部视图中的标签显示一些值,并且相同的值应显示在其他局部视图的标签中。我认为 angualrjs 中的 nginclude 将有助于实现这个东西。

第一部分视图

<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>

但实际上我对如何同时使用 typescript 和 angualrjs 没有正确的想法。有谁知道该怎么做?

4

2 回答 2

1

你想看看 angular-ui-router,它在很大程度上用 $stateProvider 替换了 $routeProvider。它允许嵌套的“状态”基本上是路线,但更好。文档也非常非常好。

例如,您可以拥有一个包含多个子状态的状态,如果您愿意,每个状态都有自己的视图模板和控制器。还可以让您在许多其他很酷的事情中轻松地在子状态和父状态之间共享数据。

就我个人而言,我不再使用 $routeProvider 了,我只使用 angular-ui-router 和 $stateProvider ,因为根据我的经验,它在各个方面都优越得多。

看看这里:

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

于 2013-09-23T10:22:59.383 回答
1

我建议查看 angularjs 中的路由支持。特别是 $routeProvider 的 API 文档

于 2013-09-23T09:21:24.477 回答