2017-06-17 36 views
1

嗨各種字體,我需要使用一些字體與angularjs和存儲相同的分貝使用angularjs

<div class="form-group"> 
    <label class="control-label col-sm-4 col-xs-4">Address</label> 
    <div class="col-sm-8 col-xs-8"> 
     <textarea class="form-control" type="text" 
     ng-model="Address" cols="40" rows="5" 
     ng-style="{'font-family':Monotype Corsiva}"></textarea> 
    </div> 
</div> 

我要救這個細節與DB字體「蒙納Corsiva」。誰能幫我出

+0

你能做到這樣,你應該在字體的您的數據庫表中創建一個字段。然後發送字體到你的數據庫,因爲你想表列的例子'ID,內容,字體' –

+0

我有數據庫中的字體字段。但是當我使用「Monotype Corsiva」時也是如此。它被保存在一個正常的字體 –

回答

0

你應該得到的fontFamily中和地址到控制器,那麼你可以將它們發送到您的數據庫

這是它的一個簡單的例子:

記住:你應該送他們以正確的方式到您的數據庫。

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.formData = { 
 
     address: "", 
 
     fontFamily: 'Monotype Corsiva' 
 
    } 
 
    // Use this function to send font to your database 
 
    $scope.send = function() { 
 
     var address = $scope.formData.address; 
 
     var fontFamily = $scope.formData.fontFamily; 
 
     
 
     // this line for test, remove it when every thing be clear for you 
 
     alert('address: ' + $scope.formData.address + "\n" + 'fontFamily: ' + $scope.formData.fontFamily); 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div class="form-group" ng-app="myApp" ng-controller="myCtrl" > 
 
    <label class="control-label col-sm-4 col-xs-4">Address</label> 
 
    <div class="col-sm-8 col-xs-8"> 
 
     <textarea class="form-control" type="text" 
 
     ng-model="formData.address" cols="40" rows="5" 
 
     ng-style="{'font-family': formData.fontFamily}"></textarea> 
 
    </div> 
 
    <button ng-click="send()" >Send</button> 
 
</div>

+0

如果如果這樣做,然後當我通過表達式{{formData.address}}來訪問它的某處。我應該在Monotype Corsiva中得到這個表情吧?也當我警覺它,它不是在monotype corsiva –

+0

@SamDaniel您的回覆不明確。 –

+0

我照你所說的去做了。但是,當我使用表達式{{formData.address}}在文本區域之外訪問它時,它不在monotype corsiva中。 –