如何在angularjs中調用加粗函數？

我想更改Textarea中的字體屬性（粗體或斜體）。下面我已經放置了我的代碼供您參考。請讓我知道如何在腳本中調用粗體屬性。如何在angularjs中調用加粗函數？

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;}; 
});

來源

2015-09-14 ajai

我不明白你到底想做什麼 –

$ scope.bold = function（）{return $ scope.bold;};你是認真的嗎？返回被調用函數的相同引用？ –

我想在點擊粗體按鈕時更改字體粗細（粗體）。 – ajai

如果我理解正確的話，你想你的文字變成粗體或斜體當你點擊在按鈕上？如果是這樣的話，請檢查該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>

來源

2015-09-14 07:08:12 macrog

非常感謝。 – ajai

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。

來源

2015-09-14 07:18:14 Salasar

請建議課程屬性。 Jai Balaji :) – Vineet

我在更新我的答案 – Salasar

如果可能，請提供示例代碼。 – ajai

如何在angularjs中調用加粗函數？

回答

相關問題