如何使用ES6角度1.3控制器显示标题？

刚开始让我的头在ES6角度控制器周围。我在这里借用了一些代码：http://blog.thoughtram.io/angularjs/es6/2015/01/23/exploring-angular-1.3-using-es6.html。如何使用ES6角度1.3控制器显示标题？

我只是想获得一个简单的控制器工作和显示标题。这是我的控制器：

class PageController { 

    constructor(title) { 
     this._title = title; 
    } 

    title() { 
     return 'Title: ' + this._title; 
    } 
} 
export { PageController } 


import { PageController } from './PageController'; 

class ProductPageController extends PageController { 

    constructor() { 
     super('ES6 inheritance with Angular'); 
    } 
} 

export { ProductPageController } 


import { ProductPageController } from './ProductPageController'; 

angular 
    .module('app', []) 
    .controller('ProductPageController', ProductPageController);

我怎样才能显示标题？这是一个jsfiddle：https://jsfiddle.net/dingen2010/ma6xjbrb/12/

来源

2016-01-11 bier hier

您可以在派生类中访问超类中的所有方法。所以你可以通过title()方法显示标题。

你应该写在模板

<div class="container" ng-controller="ProductPageController as ctrl"> 
    {{::ctrl.title()}} 
</div>

这里更新小提琴如下：https://jsfiddle.net/ma6xjbrb/13/

来源

2016-01-12 10:27:04

嗨刚刚鲍里斯我注意到你删除的traceur参考？所以我们不需要它？ –

Jsfiddle本身可以为您转储ES6。在你的项目设置中，你可能会使用Traceur –

如何使用ES6角度1.3控制器显示标题？

回答

相关问题