Angularjs 如何使用Angular向数据添加条件逗号？

使用Angular，我想知道如何在{{name}}之前添加一个空格，在{{name}之后添加一个逗号，这样如果输入中没有输入名称，那么网页将只显示：Hello。。。但是，如果输入了姓名，页面将显示：你好，莎拉，

如何使额外的空格和逗号以名称是否存在为条件出现

<h1>Hello {{name}},</h1>
<h1>Welcome to my website!</h1>
<h1>Please enter your name:</h1>
<input type="text" ng-model="name">

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

Hello{{name}，
欢迎来到我的网站！
请输入您的姓名：

您可以使用

ng show

：

<h1>Hello<span ng-show="name"> {{name}},</span></h1>

Hello{{name}，

---

如果

name

为真值，则显示范围。由于span包含额外的空格、名称本身和逗号，如果未设置

name

，则仅显示“Hello”。

完美！！您知道如何在输入名称后使输入消失吗？您可以对任何HTML元素（包括输入）使用

ng show

。如果希望输入名称后输入消失，请使用以下命令：

注意我如何将模型设置为在模糊时更新。。。另外，我发现你可以使用{updateOn:'change blur'}来启用enter键来触发隐藏。谢谢你，迈克！