-1

如果我想在 AngularJS 1.6组件控制器中导入一个类，我必须使用什么语法？

例如，我有以下组件。

应用程序/电话列表.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.

播放器.js

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

我想像这样在里面使用这个类PhoneListController()：

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

如果我把它放在控制器文件中，这个类就可以工作。

unexpected token import如果我尝试通过以下方式导入它，我会收到：

import Player from './player.js';
4

1 回答 1

1

根据您的错误。这意味着您在 JavaScript Polyfill 中有问题试试这个

于 2016-12-26T16:26:31.933 回答