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

Question

我有一个带切换按钮的文本输入。我想将CSS style:word-wrap: break-word;应用于page 2中的title。我应该如何继续？

第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是您的切换值，则

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

如果第1页和第2页有不同的控制器，那么您可以将wrapText保留为全局变量，如$rootScope，或者在控制器之间使用服务通信。