私のdivの1つに素晴らしい水平スクロールバーを作りたいと思います。ここのように: Angular 2.0 CLIプロジェクトのdiv要素のカスタムスクロールバー?
私はangular2 CLIプロジェクトを使用しています。
私がこれまで試した: を、私はこのパッケージangular2-slimscrollを見つけた - アップデートされた最新一つはhereです: - しかし、期待通りに動作していない - 私はそれがどの最終角度2.0最終リリースに関係していると思いますコードを破った。
import {SlimScroll} from 'ng2-slimscroll';
Import { Component } from '@angular/core'
@Component({
selector: 'my-app',
templateUrl: '
<div class="my-scrollable-div"
slimscroll // the directive doesn't work.
background="#333"
opacity="0.6"
position="right"
width="7px">
Div Content is empty !! I don't know how to use this i guess:)
</div>',
styleUrls: ['./my-app.component.css']
})
:私はscrollable.component.tsよりも
import {SlimScroll} from 'ng2-slimscroll';
@NgModule({
declarations: [
AppComponent,
SlimScroll // added as a directive
]
....
})
を:私は私のapp.module.tsで
npm install ng2-slimscroll --save
質問:
このSlimScrollパッケージが動作しない理由は何ですか?
その他のソリューション?あなたはこの仕事のために何を使っていますか? (角2関連)
ちょうど明確にする。私はこのパッケージに固執していません。どんな実装も今のところできます。しかし、私は、このカスタムスクロールのためのクロスブラウザ互換性のものを実装しようとするのではなく、パッケージを使う方が良いと思います。
ありがとうございます!
テンプレートマークアップ(追加の '>')にエラーがあります。これはどのように役立ちますか? –