使用角度js更改文本外观

我是角度js的新手使用这个ihave来执行以下操作我有一个文本名称bob.and一个像粗体和斜体的按钮，同时按下粗体按钮我想要加粗文本BOB和斜体，同时单击斜体按钮

这是代码

HTML

  bold italic 
{{rootFolders}}  

码

  var app = angular.module('myApp',[]); function MyCtrl($scope) { } 

jfiddle

Answer 1

这是一个工作小提琴

HTML：

 
  bold italic  {{rootFolders}}  
rootFolders={{rootFolders}}  

JS：

 var app = angular.module('myApp',[]); function MyCtrl($scope) { $scope.class="" $scope.chiliSpicy=function(){ $scope.class="text_type_bold" } $scope.jalapenoSpicy=function(){ $scope.class="text_type_italic" } } 

CSS：

 .text_type_bold{ font-style:none; font-weight:bold; } .text_type_italic{ font-weight:normal; font-style:italic; } 

Answer 2

尝试使用指令ng-class 。 单击按钮时创建两个布尔值，并设置值。 当布尔值发生变化时， ng-class正在更新。

现场演示

HTML ：

 
   Bold   Italic  
  {{rootFolders}}   

CSS ：

 .bold { font-weight: bold } .italic{ font-style : italic; } 

---

参考

• AngularJS ngClass
• AngularJS ngInit