Как заменить текстовое содержимое элементов ионного нижнего колонтитула?

Я бы хотел заменить текст Check{{product.name}} на Check{{user}}, если условие истинно.Как заменить текстовое содержимое элементов ионного нижнего колонтитула?

я проводил часы, пытался hidden, display:none, .hide() и т.д., но ни один из них не работал .. Я также попытался создать другой <a> блок для check{{user}} и скрыть блок, если условие не верно, но он не работает, а .. ..

Удивление, если кто-то может помочь! Благодарю.

Существует мой код:

HTML:

<ion-footer-bar class="bar-positive" ng-if="loggedUser!=user.id" > 
    <a href="link" id="newtest"> check {{product.name}}</a> 
</ion-footer-bar>

ЯШ:

if (user_name !=''){ 
    //change Check{{product.name}}" to "Check{{uesr}}" 
};

источник

2017-02-19 Marcus Ho

Попробуйте

<ion-footer-bar class="bar-positive" ng-if="loggedUser!=user.id" > 
<a href="link" id="newtest"> 
    <span ng-show="your_condition"> check {{product.name}} </span> 
    <span ng-show="!your_condition">Check{{uesr}}</span> 
</a> 
</ion-footer-bar>

источник

2017-02-19 12:45:34

Привет Саурабх, спасибо за ответы. я добавил, как показано ниже, но он показывает только: Проверить {{uesr}}, является ли условие истинным ... check {{product.name}} Проверить {{uesr}} & Check {{product.name} } Проверить {{uesr}} –

Если это просто текст, который вы заменяете, то это довольно легко.

$('ion-footer-bar > a').html('Check{{user}}');

источник

2017-02-19 12:46:31

Привет, Haze, спасибо за ваш ответ, я поместил код в мое состояние, но он не работает. –

Как насчет этого, '$ ('a # newtest'). Html ('Check {{user}}');'. Последнее средство, я не знаю, если это сработает для тебя. :) –

Похоже, ваша проблема в вашем контроллере. Когда ion-footer-bar находится вне содержимого, область не разделяется нижним колонтитулом. Убедитесь, что вы нанесете свой html <div> и определите контроллер там, прежде чем сделать логику кондиционирования в вашем представлении.

<div ng-controller="mainCtrl"> 

    <ion-header-bar class="bar-stable"> 
     <h1 class="title">Header</h1> 
    </ion-header-bar> 

    <ion-nav-view> 
     <ion-content> 
     Your content here 
     </ion-content> 
    </ion-nav-view> 

    <ion-footer-bar class="bar-positive"> 
     <span ng-if="loggedUser!=user.id"> 
      <a href="link" id="newtest"> check {{product.name}}</a> 
     </span> 
     <span ng-if="loggedUser==user.id"> 
      <a href="link" id="newtest"> Check{{user}}</a> 
     </span> 
    </ion-footer-bar> 

</div>

источник

2017-02-19 13:38:58 digit

спасибо за ответную цифру. –

Добро пожаловать. :) – digit

Добавление к первому ответу, вы можете также использовать

angular2 с *ngIf = (condition) внутри или для достижения тех же результатов

источник

2017-02-19 14:39:44

Как заменить текстовое содержимое элементов ионного нижнего колонтитула?

ответ

Смежные вопросы