角度コンポーネントの$ ctrl値に応じてng-bind-htmlを有効または無効にする

angualrコンポーネント（1.5）を使用しています。$ ctrl.buttonTextStyleの場合、ng-bind-htmlディレクティブを無効にする必要があります。変数には値がありません。

<div> 
<button id="saveBtn" class="pe-btn--btn_large pe-btn__primary" type="submit" ng-style="$ctrl.buttonStyle"> 
    <span class="btnText" ng-bind-html="$ctrl.buttonTextStyle">Save</span> 
    <div class="loading" style="display:none" ng-style="$ctrl.dotStyle"> 
     <div class="dot"></div> 
     <div class="dot"></div> 
     <div class="dot"></div> 
    </div> 
</button> 
<span id="saveError" class="condition-one" style='display:none' ng-style="$ctrl.errorStyle">Changes could not be saved</span> 
</div>

これにより、通常のボタンの長さ（保存ボタン）が減少します。

出典

2017-05-01 Dilshan

？単に外観を変更している場合は、ng-classを使用する必要があります。 – tcrite

実際にこのコードは正常に動作しています。しかし、最初は$ ctrl.buttonTextStyle変数には値がありません。ボタンのスタイルが正しく動作していません。私はコントローラのボタンにコンテンツを設定しました。ボタンの長さは小さくなります。その場合は – Dilshan

、spanタグでng-cloak属性を使用してみてください。 – tcrite

使用NG-IF条件

<span class="btnText" ng-if="$ctrl.buttonTextStyle" ng-bind-html="$ctrl.buttonTextStyle">Save</span>

正確にあなたが達成しようとしているもの

出典

2017-07-03 12:23:06 fahad

角度コンポーネントの$ ctrl値に応じてng-bind-htmlを有効または無効にする

答えて

関連する問題