angularjs – 角度1.5和新的组件路由器

更新他们已停止在此版本的路由器上工作,并启动了具有不同API的版本3. As of June 20,2016 there was no recommended way使用路由器v3与角度1.我不知道这是否已经改变了.下面的问题和答案涉及到路由器v2(又名ComponentRouter).

过时的API
一些站点表示,角度1(为新路由器的目的)的组件是注册为[name] Controller的控制器,并从组件/ [name] / [name] .html中提取的模板.现在已经过时了.

新API
此discussion包含最新信息,说明如何获取最新的Angular 1新路由器版本.

配置中使用的组件映射到使用组件名称注册的指令.见这sample.

angular.module('app.home',[])
.directive('home',function() {
  return {
    template: 'Hello {{ home.text }}',controller: function HomeController() {
      this.text = 'World';
    },controllerAs: 'home'
  }
});

使用Angular 1.5,有一个注册组件的新语法,请参阅here.我已经用这个语法使用了它：

angular.module('app.home',[])
.component('home',{
  restrict: "EA",template: 'Hello {{ home.text }}',controller: function HomeController() {
    this.text = 'World';
  }
  // to configure a child route
  //,$routeConfig: [
  //  { aux: "/son",component: "son",as: "Left" },//  { aux: "/daughter",component: "daughter",as: "Left" }]
});