cant use new Directive on ng-input

[pratik1990]

i got error when i try to use new directive. i was using google auto complite address api and i had created new Directive for it. when i use it i got error

Error: $compile:multidir Multiple Directive Resource Contention

Multiple directives [ngAutocomplete (module: DineIn), ngInput (module: ngInput)] asking for new/isolated scope on: <span class="input input--{{ theme }}" theme="hoshi" label="Full Delivery Address eg. 29 Mazowe Street, Harare, Zimbabwe" ng-model="signUp.customer.postcode" ng-autocomplete="" details="googleAddress">

as Per angular Document here is ans for this :

Description This error occurs when multiple directives are applied to the same DOM element, and processing them would result in a collision or an unsupported configuration.

To resolve this issue remove one of the directives which is causing the collision.

Example scenarios of multiple incompatible directives applied to the same element include:

Multiple directives requesting isolated scope. Multiple directives publishing a controller under the same name. Multiple directives declared with the transclusion option. Multiple directives attempting to define a template or templateURL.

But everything is so important that i cant remove any directive. help me asap