Question

如果条件为真，我想将文本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>

JS：

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

Answer 1

试试这个

<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>

Answer 2

如果只是替换文字，那就很容易了。

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

Answer 3

听起来你的问题在你的控制器内。当离子页脚栏位于内容之外时，范围不会与页脚共享。确保用h <div>包装html并在那里定义一个控制器，然后再在视图中执行一个条件逻辑。

<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>

Answer 4

添加第一个答案，您也可以使用

angular2与*ngIf = (condition)内部或实现相同的结果

如何更换离子页脚元素＆＃39;文字内容？

4 个答案: