AngularJS:如何在表达式中显示单引号

Question

我是angular js的初学者。所以我尝试了这个代码，但的输出看起来不太好

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

我想在sometext表达式周围显示一个引号，但如果某个测试为null或空，则不应显示引号。告诉我如何实现。

Answer 1

它们位于两个单独的段落元素中有原因吗？像这样的东西应该起作用：

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

如果您希望名称与"Hello"出现在同一行，则必须将其更改为span。

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

Answer 2

这样尝试。

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