Angular: Set size of input tag based on content length

Question

I want to set the size of the input tag in my html based on the size of the ng-model value.

I tried this

<span>Node Path:  
<input for="nodeName" type="text" ng-model="nodePath" size="{{nodePath.length()}}"ng-disabled="true">
</span>

but it throws this exception

Error: [$interpolate:interr] Can't interpolate: {{nodePath.length()}}
TypeError: v2.length is not a function

How can I achieve this ?

string.length is a property, not a function. Remove the () in {{nodePath.length()}} ? — nioKi
– nioKi, Commented Aug 12, 2015 at 13:23

Elarcis · Accepted Answer · 2015-08-12 13:25:14Z

1

The error is pretty clear: length is not a function.

Replace

{{notePath.length()}}

with

{{notePath.length}}

answered Aug 12, 2015 at 13:25

Elarcis

2302 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1