1、Controllers

优质

小牛编辑

126浏览

2023-12-01

每当使用“app.load”加载一个新页面时，都会调用一个特殊的函数来准备HTML页面app-page元素。这允许您在向用户显示页面之前将页面的任何动态方面连接起来。例如，按钮可以被绑定来执行他们需要做的任何动作。

/* in your javascript */
App.controller('home', function (page) {
  // this runs whenever a 'home' page is loaded
  // 'page' is the HTML app-page element
  $(page)
    .find('.app-button')
    .on('click', function () {
      console.log('button was clicked!');
    });
});

控制器也可以是一个JavaScript，这样你就可以拥有从彼此继承的控制器。如下

function HomeController(page) {
  // this runs whenever a 'home' page is loaded
  this.foo = 'bar';
  this.print();
}
HomeController.prototype.print = function () {
  console.log(this.foo);
};
App.controller('home', HomeController);

如果您已经在HTML中描述了多个页面，那么您将希望为每个页面创建一个控制器，以便在加载时能够正确地构造它们。