如何使用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控制器顯示標題？

回答

相關問題