我如何在angularjs中绑定字符串长度零值?

时间:2014-08-13 09:21:14

标签: javascript angularjs binding

我需要表达字符串长度。 所以,我只是这样做。

<div>
<input type='text' ng-model="inputValue">
<span>Your input key count : {{inputValue.length}}</span>
<div>

结果。
没有输入=&gt; &#34;&#34; (空)
一些关键输入=&gt; 1或2或3(正确长度)

我认为长度0值没有显示 但我需要零价值。我怎么能表明这个?

4 个答案:

答案 0 :(得分:1)

您应该使用空String初始化inputValue。您可以通过添加ng-init

来完成此操作
<div>
  <input type='text' ng-model="inputValue" ng-init="inputValue=''">
  <span>Your input key count : {{inputValue.length}}</span>
<div>

答案 1 :(得分:0)

JSfiddle

控制器:

    $scope.inputValue = "";

HTML:

 <div>
                <input type='text' ng-model="inputValue">
                <span>Your input key count : {{inputValue.length}}</span>
            </div>

答案 2 :(得分:0)

如果您不想关心初始化,请执行以下操作:

<div>
  <input type='text' ng-model="inputValue" >
  <span>Your input key count : {{inputValue ? inputValue.length : 0}}</span>
<div>

答案 3 :(得分:0)

当变量长度的输出为“0”时,在视图中显示“0”的最佳方法或理想方法是使用.toString()

就像你的情况一样,答案可能是:

<div>
<input type='text' ng-model="inputValue">
<span>Your input key count : {{inputValue.length.toString()}}</span>
<div>