タグ付けされた質問 「html」

MyService.service.tsMyComponent.component.tsおよびMyComponent.component.htmlで使用するTypescriptを使用して列挙型を作成しました。 export enum ConnectionResult { Success, Failed } MyService.service.tsから定義済みの列挙型変数を簡単に取得して比較できます。 this.result = this.myService.getConnectionResult(); switch(this.result) { case ConnectionResult.Failed: doSomething(); break; case ConnectionResult.Success: doSomething(); break; } また、* ngIfステートメントを使用して、HTML内の比較に列挙型を使用したいと思いました。 <div *ngIf="result == ConnectionResult.Success; else failed"> <img src="../../assets/connection-success.png" height="300px" class="image-sign-style" /> </div> <ng-template #failed> <img src="../../assets/connection-failed.png" height="300px" class="image-sign-style" /> </ng-template> コードはコンパイルされますが、ブラウザでエラーが発生します。 未定義のプロパティを読み取ることができません 次のhtml表示エラー行があります。 列挙型にこのようにアプローチできない理由を誰かが知っていますか？

87 html  angular  typescript  enums 

Angular 2で、入力フィールド（テキストボックス）をマスクして、アルファベット文字ではなく数字のみを受け入れるようにするにはどうすればよいですか？ 次のHTML入力があります。 <input type="text" *ngSwitchDefault class="form-control" (change)="onInputChange()" [(ngModel)]="config.Value" (focus)="handleFocus($event)" (blur)="handleBlur($event)" /> 上記の入力は一般的なテキスト入力であり、単純なテキストフィールドとして、またはたとえば年を示すための数値フィールドとして使用できます。 Angular 2を使用して、同じ入力コントロールを使用し、このフィールドにある種のフィルター/マスクを適用して、数値のみを受け入れるようにするにはどうすればよいですか？ これを達成するためのさまざまな方法は何ですか？ 注：入力番号タイプを使用せずに、テキストボックスのみを使用してこれを実現する必要があります。

87 html  angular  input  angularjs-directive 

<input type="text">の幅を実際の値の幅にスケーリングする方法はありますか？ input { display: block; margin: 20px; width: auto; } <input type="text" value="I've had enough of these damn snakes, on this damn plane!" /> <input type="text" value="me too" /> コードスニペットを実行する結果を非表示スニペットを展開

87 jquery  html  css 

Windows7に新しくインストールしたVisualStudio Codeで問題が発生しました。Macではエディターは自動的にhtmlタグを閉じますが、Win7では閉じません。オンにするためのオプションがあるはずだと思いますが、見つかりません。 私が話しているのは、例えば。<htmlintelliSenseの書き込みがポップアップし、Enterをクリックします。通常、自動的に</html>鉱山が機能しなくなります。（IntelliSenseがポップアップ表示されますが、あなたはオプションのいずれかを選択するときには、近くに自動タグません。<h1> -> </h1>）

87 html  intellisense  visual-studio-code 

特定の幅のdiv内の2行だけでテキストを折り返したい。テキストが2行の長さを超える場合は、楕円を表示します。CSSを使用してそれを行う方法はありますか？ 例えば Sample text showing wrapping of text in only two line... ありがとう

87 html  css 

の参照ボタンをクリックしたときに、ブラウザをJPGファイルに制限したい<input type="file">。 特定のファイルタイプを参照することは可能ですか？

87 javascript  html 

ページのinnerHTMLを変更して、クリックした要素のinnerHTMLにしようとしています。唯一の問題は、次のような要素全体を取得することです。 <section class="homeItem" data-detail="{"ID":"8","Name":"MacBook Air","Description":"2015 MacBook A…"20","Price":"899","Photo":"Images/Products/macbookAir.png"}"></section> 私がjavascriptで書いたコードは： function selectedProduct(event){ target = event.target; element = document.getElementById("test"); element.innerHTML = target.innerHTML; } クリックした特定の要素をターゲットにします。 私が達成したいのは、<section>要素の任意の場所をクリックすると、クリックした特定の要素ではなく、要素全体のinnerHTMLが取得されることです。 クリックされた要素の親要素を選択することと関係があると思いますが、よくわからず、オンラインで何も見つかりません。 可能であれば、JQueryから離れたいと思います

87 javascript  html 

overflow-wrap/word-wrapとの正確な違いはword-break何ですか？そして、誰かが私に非常に長いリンクを壊すためのより良いものを教えてもらえますか？ほとんどの人は、単語区切りを組み合わせて使用​​する必要があると言いますoverflow-wrapが、それはあまり論理的に見えません。クロスブラウザのサポートを向上さoverflow-wrapせるword-wrapためにと組み合わせて使用するのが最善の方法だと思います。どう思いますか？

87 html  css  word-wrap  word-break 

改行文字（\n）をhtmlに変換しようとしていますbr。 あたりとしてGoogleグループでは、この議論は、ここで私が持っているものです。 myApp.filter('newlines', function () { return function(text) { return text.replace(/\n/g, '<br/>'); } }); そこでの議論はまた、ビューで以下を使用することをお勧めします： {{ dataFromModel | newline | html }} これは古いhtmlフィルターを使用しているようですが、今はng-bind-html属性を使用することになっています。 とにかく、これには問題dataFromModelがあります。元の文字列（）のHTMLをHTMLとしてレンダリングしたくないのです。br'のみ。 たとえば、次の文字列があるとします。 7> 5の間、 私はまだここにhtmlなどを入れたくありません... 出力したい： While 7 > 5<br>I still don't want html & stuff in here... これを達成する方法はありますか？

86 javascript  html  angularjs  sanitization 

[製品]をクリックして、白いdivを上にスライドさせます（添付の図を参照）。レスポンシブ（モバイルおよびタブレット）の場合、レスポンシブナビゲーションバーを自動的に閉じて、白いバーのみを表示したいと思います。 私は試した： $('.btn-navbar').click(); また試した： $('.nav-collapse').toggle(); そしてそれは機能します。ただし、デスクトップサイズでは、これは呼び出され、メニューにファンキーなことをして、1秒間縮小します。 何か案は？

86 javascript  html  css  twitter-bootstrap 

PHPを使用してクイズWebアプリケーションを作成しています。各質問は個別に構成され、ユーザーが自分の回答を選択できるようにするため<label>に使用radio buttonsする4つの可能な選択肢があります。1つの質問の現在のHTMLは次のようになります。 <label for="349">What is my middle name?</label> <br> <input id="349" type="radio" value="1" name="349">Abe <br> <input id="349" type="radio" value="2" name="349">Andrew <br> <input id="349" type="radio" value="3" name="349">Andre <br> <input id="349" type="radio" value="4" name="349">Anderson <br> ラジオボタンに関連付けられたテキストをクリックするオプションをユーザーに提供してほしい。 今のところ、ユーザーはラジオボタン自体をクリックすることしかできません。これは非常に面倒な作業だと思います。 選択テキストをクリックして特定のラジオボタンの選択肢を選択できないと読みました。タグの属性forとid属性を一致させるための提案があります。私はこれを行いましたが、それでも機能しません。 私の質問は、ラジオボタン自体を選択することしかできないのではなく、<input type="radio">オブジェクトのテキストをクリックできるようにしたいということです。 私は以前にこれについて読んだことがあることを知っていますが、私の問題の解決策を見つけることができないようです。どんな助けや提案も大歓迎です！

86 html  css  forms  input  radio-button 

ブートストラップ2.3ですでにグリフィコンを使用していましたが、ブートストラップ3.0にアップグレードしました。現在、iconプロパティを使用できません。 ブートストラップ2.3では、以下のタグが機能しています <i class="icon-search"></i> ブートストラップ3.0では、機能していません。

86 html  css  twitter-bootstrap-3 

FORMタグ内のDIVタグについてどう思いますか？ 私はこのようなものが必要です： <form> <input type="text"/> <div> some </div> <div> another </div> <input type="text" /> </form> DIV内部で使用するのが一般的な習慣FORMですか、それとも別のものが必要ですか？

86 html  semantic-markup 

HTMLのメニューバーにはたくさんのチュートリアルがありますが、この特定の（IMHOの一般的な）ケースでは、適切な解決策は見つかりませんでした。 # THE MENU ITEMS SHOULD BE JUSTIFIED JUST AS PLAIN TEXT WOULD BE # # ^ ^ # テキストのみのメニュー項目の数はさまざまで、ページレイアウトは流動的です。 最初のメニュー項目は左揃えで、最後のメニュー項目は右揃えである必要があります。 残りの項目は、メニューバーに最適に配置する必要があります。 数はさまざまであるため、最適な幅を事前に計算する機会はありません。 TABLEはここでも機能しないことに注意してください。 すべてのTDを中央に配置すると、最初と最後のアイテムが正しく配置されません。 最初の応答を左揃えおよび右揃えにした場合。最後の項目では、間隔は最適ではありません。 HTMLとCSSを使用してこれをクリーンな方法で実装する明白な方法がないのは不思議ではありませんか？

86 html  css 

今日、私はすべてのjQueryプラグインをjQuery1.9.1でアップグレードしました。そして、jquery.ui.1.10.2でjQueryUIツールチップを使い始めました。すべてが良かった。しかし、コンテンツで（titleツールチップを適用していた要素の属性で）HTMLタグを使用したとき、HTMLがサポートされていないことに気付きました。 これは私のツールチップのスクリーンショットです： 1.10.2のjQueryUIツールチップでHTMLコンテンツを機能させるにはどうすればよいですか？

86 jquery  html  jquery-ui  jquery-ui-tooltip