AngularJS：式で一重引用符を表示するには

Question

私は角度jsの初心者です。私は、このコードを試してみましたが、出力は、私は単一引用符の周りsometextのexpresionを表示したいが、いくつかのテストがnullまたは空の場合、その後の引用が示すべきではありません

<div ng-app> 

    Write some text in textbox: 
    <input type="text" ng-model="sometext" /> 

    <h1>Hello 
    <p ng-show="sometext">'</p>{{ sometext }}<p ng-show="sometext">'</p> 
    </h1> 

</div> 

良い見ていません。どのように達成するか教えてください。

Answer 1

このようにしてください。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app> 
 

 
    Write some text in textbox: 
 
    <input type="text" ng-model="sometext" /> 
 

 
    <h1>Hello 
 
    <p ng-show="sometext">{{'\''+sometext +'\''}}</p> 
 
    </h1> 
 

 
</div>

Answer 2

彼らは二つの別々のパラグラフ要素にいる理由はありますか？このような何か作業をする必要があります：

<p ng-show="sometext">'{{ sometext }}'</p> 

名前が「こんにちは」と同じ行に表示したい場合は、あなたがspanにそれを変更する必要があります。

<span ng-show="sometext">'{{ sometext }}'</span>