如何在Ionic中动态更新标题标题

Question

以下是我的路线 -

  .state('profile', {
    url: '/profile',
    abstract: true,
    templateUrl: 'templates/profile.html',
  })  
  .state('profile.basics', {
    url: '/profile-basics',
    views: {
      'profileContent': {
        templateUrl: 'templates/profile-basics.html',
        controller: 'profileCtrl'
      }
    },    
  })

在 profile.html 中，我有以下需要动态更新的内容 -

<ion-header-bar class="bar-positive">
  <h1 class="title">[THIS IS DYNAMIC CONTENT]</h1>
</ion-header-bar>
<ion-header-bar class="bar-stable bar-subheader">
    <h1 class="title">[THIS TOO To BE MADE DYNAMIC]</h1>
</ion-header-bar>
<ion-nav-view name="profileContent"></ion-nav-view>

让我知道在Ionic标签中是否有任何方法可以控制（动态控制内容），这样如果我访问，profile.name表明它应该更新带有名称标题的标题，如果我访问，{{1状态它应该更新带有地址标题的标题，依此类推。

Answer 1

设置范围

在你的控制器中设置像

这样的范围

$scope.usrName = 'bob';

在您的HTML中，您可以在标题中将其称为

<h1 class="title">{{usrName}}</h1>

只需确保您的ctrl可用。