変更タブのボタンを使用して、私はボタン「&に次を保存」をクリックしたときにタブ2に行く必要があり、ときに私、私はその作品が細かいBack保存&上のボタンをクリックしたときにリバースが起こるはず

-2

var app=angular.module('BlankApp', ['ngMaterial']); 
 
app.controller("Mytrl1", function ($scope) {  
 
    
 
}); 
 
app.controller("Mytrl2", function ($scope) {  
 
    
 
});

<html lang="en" > 
 
<head> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <!-- Angular Material style sheet --> 
 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css"> 
 
</head> 
 
<body ng-app="BlankApp" ng-cloak> 
 
    
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script>  
 
    
 
    <div ng-cloak> 
 
        <md-content > 
 
         <md-tabs md-dynamic-height md-border-bottom md-selected="myTabIndex"> 
 
          <md-tab label="one" > 
 
           <md-content class="md-padding"> 
 
            <h1 class="md-display-2">Tab One</h1> 
 
            <div ng-controller='Mytrl1'> 
 
            <md-button class="md-raised" ng-click="myTabIndex = myTabIndex+1">Save & Next</md-button> 
 
            </div> 
 
           </md-content> 
 
          </md-tab> 
 
          <md-tab label="two" > 
 
           <md-content class="md-padding"> 
 
            <h1 class="md-display-2">Tab Two</h1> 
 
              <div ng-controller='Mytrl2'> 
 
            <md-button class="md-raised" ng-click="myTabIndex = myTabIndex-1">Save & Back </md-button> 
 
              </div> 
 
            
 
           </md-content> 
 
          </md-tab> 
 
         </md-tabs> 
 
         </md-content> 
 
        </div> 
 

 
</body> 
 
</html>

をクリックします両方のボタンに共通のコントローラを使用。しかし、私のような別のコントローラで使用する例ではMytrl1 & Mytrl2

出典

2016-08-30 Pravin

あなたはそれが異なるコントローラで行うことにしたい場合は、ここでは2つの方法があります。

1. Make myTabIndex as the part of $rootScope. So it should look like $rootScope.myTabIndex in the controller. 

2. Use $emit & $on technique 
    -------------------------- 
    From the Child Contoller on button click just **emit** some message and capture it in Parent Controller through **$on** and do whatever you want.

出典

2016-08-30 04:18:03

役立つビュー

使用$でそれらを使用します私に理解を助ける – Pravin

あなたは同じ技術を使用することができます私はあなたの他のポストで昨日説明しました。しかし、myIndexは$ rootscopeにある必要があります
2つの関数decrementTabIndexとincrementTabIndexを保持するサービスを作成します（私は工場を好む）。また、現在の値を返す必要があります。次に、2つのコントローラにサービスを注入し、それらをスコープにバインドします。 - >技術上の& $を発し、次のリンクは、おかげで@Suneetが、私は角に新しいですので、コードその上で追加してください。あなた Working with $scope.$emit and $scope.$on

出典

2016-08-30 06:07:41

変更タブのボタンを使用して、私はボタン「&に次を保存」をクリックしたときにタブ2に行く必要があり、ときに私、私はその作品が細かいBack保存&上のボタンをクリックしたときにリバースが起こるはず

答えて

関連する問題