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

前端之家收集整理的这篇文章主要介绍了angularjs – 角度1.5和新的组件路由器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用角度为1.5 beta 2和来自角度2 alpha 45的新路由器.
我没有找到有关Angular 1的最新路由器的使用示例.
我可以使用@RouteConfig找到角度2的路由器的使用示例.

有人可以解释我将如何配置角度1控制器?如果可能,一个充分的工作实例?

更新他们已停止在此版本的路由器上工作,并启动了具有不同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" }]
});

猜你在找的Angularjs相关文章