Looking to update a partial view from another using Angular.js, TypeScript, and ASP.Net MVC3. One partial view contains a button and label, while the other has just a label. Clicking the button should display a value in the label of the same partial view, as well as show the same value in the label on the other partial view. Considering utilizing nginclude in AngularJS for implementation.
First partial view
<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>
Second partial view
<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>
If you have insight on how to achieve this with TypeScript and AngularJS, please share your thoughts. Thanks!