TypeScriptでカーソル位置に文字列を挿入

Question

TypeScript初心者です。
TypeScriptで、テキストエリアのカーソル位置に文字列を挿入する方法をご教示いただきたいです。

JavaScriptでの実現方法は以下のページで見つけたのですが、
同様のことをTypeScriptで実現する方法が分からず頭を悩ませております。
http://qiita.com/noraworld/items/d6334a4f9b07792200a5

簡素な質問で申し訳ございません。不足情報があればご指摘ください。

Answer 1

特に修正無くそのままのコードで動くと思います。
試しに
https://www.typescriptlang.org/play/ に該当のコードを張ってみたらどうでしょうか?
textareaが HTMLTextAreaElementだと認識しますよ。

つまり以下のコードになります。

let textarea = document.querySelector('textarea');

let sentence = textarea.value;
let len      = sentence.length;
let pos      = textarea.selectionStart;

let before   = sentence.substr(0, pos);
let word     = '挿入したい文字列';
let after    = sentence.substr(pos, len);

sentence = before + word + after;

textarea.value = sentence;

基本何も変わらないです

Comments

[tnishi]

>m0a様
コメントいただき誠にありがとうございます。
貼らせていただいたリンクですがこれだとJavaScriptですので、同じ処理をTypeScriptで書くとしたらどのように書くかをご教示いただきたいです。
勉強不足で申し訳ございません。よろしくお願い致します。

[m0a]

コードを貼りましたが何も変わらないES2015のコードになります。
型推論があるので変数宣言時に型定義も不要です。(このコード内なら)

[tnishi]

>m0a様
ご親切にコードを書いていただきありがとうございます。
動きを確認してみましたができました。
ここで質問させていただく前に同じコードを書いてみたのですがコンパイルエラーが発生してしまって、JavaScriptと同じ方法では実現できないのかと考えてしまいました。完全に勉強不足です。

この度は親切にご教示いただきありがとうございました。
またお世話になるかもしれませんがその際はどうぞよろしくお願い致します。