如何在AngularJS 1.6組件控制器中導入類？

-1

如果我想在AngularJS 1.6 component控制器中導入類，我必須使用什麼語法？如何在AngularJS 1.6組件控制器中導入類？

例如，我有以下組件。

應用程序/電話list.component.js

// Register `phoneList` component, along with its associated controller and template 
angular. 
    module('phonecatApp'). 
    component('phoneList', { 
    template: 
     '<ul>' + 
      '<li ng-repeat="phone in $ctrl.phones">' + 
      '<span>{{phone.name}}</span>' + 
      '<p>{{phone.snippet}}</p>' + 
      '</li>' + 
     '</ul>', 
    controller: function PhoneListController() { 
     this.phones = [ 
     { 
      name: 'Nexus S', 
      snippet: 'Fast just got faster with Nexus S.' 
     }, { 
      name: 'Motorola XOOM™ with Wi-Fi', 
      snippet: 'The Next, Next Generation tablet.' 
     }, { 
      name: 'MOTOROLA XOOM™', 
      snippet: 'The Next, Next Generation tablet.' 
     } 
     ]; 
    } 
    });

而且我有一個單獨的文件，player.js定義的類。

player.js

export default class Player { 
    constructor() { 
    // define properties 
    } 
    loadVideo() { 
    // do stuff 
    } 
    playVideo() { 
    // do stuff 
    } 
}

我想使用這個類裏面PhoneListController()這樣的：

let player = new Player(); 
player.loadVideo(); 
player.playVideo(); 
...

類作品，如果我把它放在控制器文件。根據您有錯誤

import Player from './player.js';

來源

2016-12-26 trex

您可以將該文件添加到您的問題嗎？ –

我不明白這個問題是如何與Angular或控制器相關的。 [import]（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import）語法有什麼特別的問題嗎？ – estus

：

我用babel-standalone

我收到unexpected token import如果我嘗試導入它以下列方式。這意味着您在JavaScript中存在問題Polyfill Try this

來源

2016-12-26 16:26:31

如何在AngularJS 1.6組件控制器中導入類？

回答

相關問題