AngularJS: So zeigen Sie ein einzelnes Zitat in Ausdruck

Question

Ich bin Anfänger in eckigen js. so habe ich versucht, diesen Code aber Ausgang sieht nicht gut aus

<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> 

i Apostroph um sometext expresion aber wenn einige Test null oder leer ist dann Zitat sollte nicht gezeigt werden, zeigen wollen. Sag mir, wie ich es erreichen kann.

Answer 1

versuchen Sie es so.

<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

Gibt es einen Grund, warum sie in zwei separaten Absatzelementen stehen? So etwas sollte funktionieren:

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

, wenn Sie wollen, dass der Name auf der gleichen Linie erscheinen, wie „Hallo“, werden Sie es zu einem span ändern müssen.

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