Question

我是角度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 expresion 周围显示单引号，但如果某些测试为null或为空，则不应显示引号。告诉我如何实现。

Answer 1

他们是否有两个独立的段落元素？这样的事情应该有效：

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

如果您希望名称与＆＃34; Hello＆＃34;显示在同一行，则您必须将其更改为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>

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

2 个答案: