Angularjs 输入中模型和视图的单独值

我所要做的就是在输入时将我键入的数字自动格式化为$，但只将实际模型保留为数字，而不保留$。我尝试了不同的方法，但我现在所拥有的只是，如果我在模型中已经有一些值（而不是null），它将用$显示。但是如果它为null，或者如果我删除了输入中的所有内容并从头开始，那么值的格式就不是$。我做错了什么？ 这是一个JSFIDLE

---

谢谢

您尝试过使用过滤器吗

<input ng-model="num">
    <p>Value {{num | currency:"$"}}</p>
</body>

值{num |货币：“$”}

<input ng-model="num">
    <p>Value {{num | currency:"$"}}</p>
</body>