Ember.js Ember.Templates.helpers page-title() 方法

Ember.js 是一个基于Model-View-Controller (MVC)架构的开源JavaScript框架，用于开发大型客户端Web应用程序。Ember.js是最广泛使用的前端应用程序框架之一。它旨在加快开发速度并提高生产力。目前，它被许多网站使用，包括Square、Discourse、Groupon、Linked In、Live Nation、Twitch和Chipotle。

page-title() 方法用于设置应用程序中任何页面的标题，并为每个路由追加附加标题。

语法:

page-title( param )

参数:

• param: 这是标题的名称。

安装和运行Ember.js的步骤:

步骤1: 要运行以下示例，您需要先拥有一个Ember项目。 若要创建一个项目，您首先需要安装ember-cli。 在终端中写入以下代码:

npm install ember-cli

步骤2： 现在，您可以通过输入以下代码来创建项目：

ember new <project-name> --lang en

开始服务器，请输入：

ember serve

示例1： 输入以下代码以生成此示例的路由。

ember generate route title1

app/components/Arr.js

{{#if @age}} 
    <h2> 
        {{@name}} is {{@age}} year old and have skill in {{@lan}}. 
    </h2> 
{{else}} 
    <h2> 
        {{@name}} have skill in {{@lan}}. 
    </h2> 
{{/if}} 
<br/>

app/templates/title.hbs

{{page-title "Array2"}} 
<Arr @name='Satyam' @lan='Python'/> 
<Arr @name='Arbha' @lan='JavaScript' @age=23/> 
{{outlet}}

输出:

示例2： 输入以下代码以生成此案例的路由。

ember generate route title2

app/components/Arr2.js

{{#if (has-block)}} 
    <h2> 
          Welcome {{yield}}, we are happy you're here! 
      </h2> 
{{else}} 
    <h2> 
          Hey you! You're great! 
    </h2> 
{{/if}}

app/templates/title2.hbs

{{page-title "Array1"}} 
<Arr2> 
    Sam 
</Arr2> 
<Arr2/> 
{{outlet}}

输出：

参考资料: https://api.emberjs.com/ember/4.6/classes/Ember.Templates.helpers/methods/page-title?anchor=page-title