使用angularjs将另一页的css类应用于标题

我有一个带有切换按钮的文本输入。我想应用/删除CSS

style:wordwrap:break-word至第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>

第2页：

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

{{title}
如果$scope.wrapText是您的切换值

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

{{title}

如果第1页和第2页具有不同的控制器，则可以将wrapText保留为全局变量，如$rootScope，或使用服务在控制器之间进行通信。
如果$scope.wrapText是切换值，则

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

{{title}

如果第1页和第2页具有不同的控制器，则可以将wrapText保留为全局变量，例如$rootScope，或者使用服务在控制器之间进行通信。
非常简单。只需像这样在
$rootScope
中绑定变量，即可在所有控制器/html中访问该变量：

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

然后，您可以在html中设置：

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

{{title}
非常简单。只需像这样在
$rootScope
中绑定变量，即可在所有控制器/html中访问该变量：

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

然后，您可以在html中设置：

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

{{title}
什么是
yesORno
？你是说
wrapText
？什么是
yesORno
？你是说
wrapText
？