角度标题，元标题和描述绑定

Question

我正在使用Angular 1.4.8和Bootstrap，我为我的标题，元标题和元描述做了绑定，如下所示

<meta name="title" content="{{metadata.title}}" ng-if="metadata.title" />
<meta name="description" content="{{metadata.description}}" ng-if="metadata.description" />
<title>{{pageTitle}}</title>

我从状态提供程序中的js文件绑定它们。例如：

.config(function($stateProvider) {
    $stateProvider.state('url', {
      url: '/url'
      ,title : "TITLE",
      metadata : {
          "title": "TITLE2",
          "description": "DESCRIPTION"
      },
    });

问题在于，当我在手机上加载时，手机会将{{pageTitle}}标记为标题。我应该怎样做才能确保在保持标题和信息动态的同时加载标题？

谢谢！