Angular Full Stack，如何使用外部库？

Question

我正在使用Angular Full stack，它使用Angular 2，我刚开始学习它。看起来像纯Angular 2与Full Stack的结构是完全不同的，所以我遇到了一些麻烦，如下其他指南，如Angular2 & TypeScript importing of node_modules

我的问题是： 如何在我的客户端使用节点模块，我已安装？

这里是我到目前为止已经试过：

• 我想用外部库是https://www.npmjs.com/package/angular-star-rating（即使我已经试过别人）

• 我做“故宫安装角“星级评分”

• 这里是我卡住的地方。我已经尝试了多种方式，比如在component.ts中导入它，我想用它，在html中加载脚本，并在我的app.ts中加载模块。我没有看到system.config（来自system.js，尽管我相信它被使用了），也没有任何可以加载模块的@NgModule的地方，所以我认为最合适的地方是app.ts.当我执行“gulp服务”时，我会收到错误，例如

  错误在./~/angular-star-rating/src/star-rating.component.ts 模块解析失败：[directory]意外的字符'@'（14：0） 您可能需要一个合适的加载器来处理这种文件类型。 语法错误：意外的字符 '@'（14：0）

• 这里是一个快速浏览一下我的项目结构：http://imgur.com/0AnAKBU

感谢，任何帮助是极大的赞赏

Answer 1

您可以使用像这样：

<div star-rating rating="starRating2" read-only="true" max-rating="7" click="click2(param)" mouse-hover="mouseHover2(param)" mouse-leave="mouseLeave2(param)"></div> 

而且您必须在范围内指定太多，如在上述情况下，你使用starRating2作为参数。在这种情况下创建范围，并在下面这个象定义值：

app.controller('appController', ['$scope', function ($scope) { 
    $scope.starRating2 = 5; 
}]) 

入住这link

Answer 2

第1步：添加为项目依赖

npm install --save angular-star-rating 

第2步： 添加到索引.html

<script src="[bower or npm folder]/angular-star-rating/dist/index.js"></script> 

第3步： 导入在组件

import { StarRatingModule } from 'path/to/star/rating/star-rating.module'; 
@NgModule({ 
    ... 
    imports: [ 
    ... 
    StarRatingModule 
    ... 
    ] 
    ... 
}) 
export class AppModule { } 

第4步：更新HTML

<star-rating-comp 
     [size]="'large'" 
     [rating]="3" 
     [text]="'Rating:'" 
     (onRatingChange)="crtl.onRatingChange($event)"> 
</star-rating-comp> 

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新问题

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相关问题

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.