6.3.3 Ember的几个重要钩子方法简介

优质
小牛编辑
139浏览
2023-12-01

contentFor钩子方法

范围:这是一个插件的钩子方法。

用途:该方法可以在构建时被调用,直接在content-for标签的地方插入需要的内容。如果不是开发插件的话,就直接忽略他们就行了

描述:在默认生成的app/index.html里,有几处用到content-for标签,类似于{{content-for 'head'}}{{content-for 'body'}},它们需要等待某个插件的contentFor钩子方法注入内容。如:

// index.js
module.exports = {
  name: 'ember-cli-display-environment',

  contentFor: function(type, config) {
    if (type === 'environment') {
      return '<h1>' + config.environment + '</h1>';
    }
  }
};

不管{{content-for 'environment'}}在什么地方,这段代码将插入程序正在运行的当前环境。contentFor钩子方法会为每一个index.html下的content-for标签调用一次。

文档:

http://ember-cli.com/extending/

http://ember-cli.com/api/classes/Addon.html

写入命令行

范围:插件方法。

用途:代替console.log,向命令行输出信息。

描述:每个插件都被发送给父应用的命令行输出流的实例,因此在插件的index.js里,输出信息到命令行,需要用到this.ui.writeLine,而不是console.log。例如:

// index.js
module.exports = {
  name: 'ember-cli-command-line-output',

  included: function(app) {
    this.ui.writeLine('Including external files!');
  }
}

其他钩子方法

includedCommands: function() {},
blueprintsPath: // return path as String
preBuild:
postBuild:
treeFor:
contentFor:
included:
postprocessTree:
serverMiddleware:
lintTree:

范围:插件,而且是在插件的index.js文件里。它的两个高级定制实例。