как знать объем в angularjs

Question

я создал шаблон, как показано ниже

<ion-header-bar class="bar-light bar-subheader bar bar-header item-input-inset"> 
     <label class="item-input-wrapper"> 
     <i class="icon ion-ios7-search placeholder-icon"></i> 
     <input type="search" ng-model="search" placeholder="select city..."> 
     <button ng-if="search.length" class="customIcon button button-icon ion-close-circled input-button"></button> 
     </label> 
     <button class="button button-clear">Cancel</button> 
    </ion-header-bar> 

мой вопрос, когда я ставлю ниже кода кнопки внутри этикетки не будет работать, но если я ставлю этот код в кнопку вне лейбла работает

ng-click="search=''" 

Answer 1

Спасибо всем за помощь. Но я нашел решение, это явка, что кнопка ng-click не будет работать внутри метки, поэтому я меняю ярлык на div, которые начинают работать над каждой штукой.

Answer 2

проблема заключается в том, что ngIf директивы создает новую область ребенка, поэтому search='' становится местной ребенок сфера недвижимости search, который не имеет ничего общего с родительской областью search модели вы после.

Самого простым способа исправить это использовать ngShow вместо скрывающие только кнопку, но иметь дело с той же областью:

<button ng-show="search.length" ng-click="search=''" class="customIcon button button-icon ion-close-circled input-button"></button> 

Вы также мог бы преодолеть его с материнской ссылкой области видимости: ng-if="search.length" ng-click="$parent.search=''", но это не рекомендуется.