다른 부분 뷰에서 부분 뷰를 typeScript 및 angularjs로 업데이트

Question

다른 뷰에서 부분 뷰를 업데이트해야합니다. 내가 사용하는 기술은 angular.js typescript 및 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> 

그러나 실제로 내가 타이프 라이터와 angualrjs 모두를 사용하여이 작업을 수행하는 방법에 대한 올바른 생각을 가지고 있지 않습니다. 아무도 그렇게하는 방법을 알고 있습니까?

Answer 1

angularjs의 라우팅 지원을 살펴 보는 것이 좋습니다. $ routeProvider의 API 문서들

Answer 2

$ routeProvider를 크게 $ stateProvider로 대체하는 angular-ui-router를보고 싶습니다. 기본적으로 경로이지만 더 나은 중첩 된 '상태'를 허용합니다. 문서도 매우 좋습니다.

예를 들어, 원하는 경우 자신의보기 템플릿과 컨트롤러가있는 여러 하위 상태가 포함 된 상태를 가질 수 있습니다. 또한 많은 다른 멋진 것들 중에서 자녀와 부모 상태간에 쉽게 데이터를 공유 할 수 있습니다.

개인적으로 나는 결코 $ routeProvider를 사용하지 않습니다. 각도 경험이 풍부한 라우터와 $ stateProvider 만 사용하기 때문에 모든면에서 훨씬 뛰어납니다.

여기를보세요 :

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