Как называть смелую функцию в angularjs?

Question

Я хочу изменить свойства шрифта (жирным или курсивом) в Textarea. Ниже я разместил свой код для справки. Пожалуйста, дайте мне знать, как вызывать смелые свойства в моем скрипте.

HTML:

<div ng-app='myNoteApp' ng-controller='noteController'> 
    <p> 
     <textarea ng-model='message' cols='50' rows='10'></textarea> 
    </p> 
    <p> 
     <button ng-click='save()'>Save</button> 
     <button ng-click='clear()'>Clear</button> 
     <button ng-click='bold()'>Bold</button> 
    </p> 
    <p>Numbers of characters left: <span ng-bind='left()'></span></p> 
</div> 

myNoteApp JS:

var app = angular.module('myNoteApp', []); 

myNoteCtrl JS:

app.controller('noteController', function($scope){ 
    $scope.message=''; 
    $scope.save=function(){alert('Saved!');}; 
    $scope.clear=function(){$scope.message='';}; 
    $scope.left=function(){return 300-$scope.message.length;}; 
    $scope.bold=function(){return $scope.bold;}; 
}); 

Answer 1

Если я правильно понимаю, что вы хотите изменить свой текст жирным или курсивом при нажатии кнопки на кнопке? Если это так, пожалуйста, проверьте этот link и ваш пример HTML

<div ng-controller="MyCtrl"> 
<input type="text" class="{{class}}" ng-model="rootFolders" ng- init="rootFolders='Bob'" > 
<button ng-click="chiliSpicy()">bold</button> 
<button ng-click="jalapenoSpicy()">italic</button> 
<br>rootFolders={{rootFolders}} 
</div> 

Answer 2

ngClass поможет вам.

Вам нужны некоторые, как это:

<textarea class="textarea" ng-class="{ 'im_bold' : bold }"></textarea> 
<button type="button" ng-click=" bold = !bold; "></button> 

Контроллер:

$scope.bold = false; 

CSS:

.textarea { 
    font-style: italic; 
} 

.im_bold { 
    font-weight: bold; 
    font-style: normal; 
} 

см в plnkr.