別のページからanglejを持つタイトルにCSSクラスを適用

Question

私はトグルボタン付きのテキスト入力を持っています。 titleにstyle:word-wrap: break-word;を適用/削除したいのですが、page 2です。私はどのように進めるべきですか？

ページ1：

<h2>Title</h2> 

    <input ng-model="card.title"> 

    <md-button ng-model="card.title" ng-click="toggleWrap()"> 
    <md-icon>{{(wrapText===true) ? 'wrap_text' : 'remove'}}</md-icon> 
    </md-button> 

JS 1：

$scope.wrapText = true; 
    $scope.toggleWrap = function() { 
    $scope.wrapText = !$scope.wrapText; 
    }; 

ページ2：

<h2 ng-class="{'word-wrap': yesORno}">{{title}}</h2> 

Answer 1

かなり簡単です。ただ、このよう$rootScopeに変数をバインドし、それはすべてあなたのコントローラ/ HTMLにアクセスできるようになります：

$rootScope.wrapText = true; 
$scope.toggleWrap = function() { 
    $rootScope.wrapText = $rootScope.wrapText ? false : true; 
}; 

次に、あなたがあなたのhtmlに設定することができます。

<h2 ng-class="{'word-wrap': wrapText}">{{title}}</h2> 

Answer 2

$ scope.wrapTextはあなたのトンである場合こうした$ rootScopeや利用サービスなどのグローバル変数は、コントローラ間に通信するようoggle値、その後、

<h2 ng-class="{'word-wrap': wrapText}">{{title}}</h2> 

はページ1とページ2は別のコントローラを持っている場合は、どちらかあなたはwrapTextを保つことができます。