为插件添加表单

开发
3

连接器模板和 JS 文件需要位于同一目录中，并且名称相同。因此

/assets/javascripts/discourse/connectors/topic-navigation/loner-watch-topic-form.hbs

<form {{action 'lonerWatch' content on='submit'}}>    
    <p>Enter your email address to watch this topic for updates</p>
    <input name="email" placeholder="Your email"/>
    <button>Watch</button>
</form>

和

/assets/javascripts/discourse/connectors/topic-navigation/loner-watch-topic-form.js

export default {
  actions: {
    lonerWatch(content) {
      console.log(content);
    },
  },
};

然后你的 action 就应该可以工作了。如果你有兴趣，可以在这里阅读更多内容。

5 个赞