ブートストラップ上でHTMLがうまくレンダリングされない4角型のモーダル

Question

このshlomiassaf/angular2-modalライブラリを使用して私のプロジェクトで簡単なポップアップを取得しようとしています。しかし、ちょうどhtmlを正しくレンダリングしていないようです。

これは私が（私はできるだけそれをシンプルに保つために試してみました）今のところ持ってモーダルのためのコードです：

public addItinerary =() => { 
     this.modal.alert() 
      .size('lg') 
      .showClose(true) 
      .title('Add Itinerary') 
      .body(` 
      <h4>Please configure your new itinerary</h4> 
      <ul> 
       <li><input type='checkbox' checked />Dallas</li> 
       <li><input type='checkbox' />Houston (Saving 0:45)</li> 
       <li><input type='checkbox' checked />Brownsville</li> 
       <li><input type='checkbox' checked />Laredo</li> 
       <li><input type='checkbox' />La Enchilada (Saving 0:30)</li> 
</ul> 
      <b>Repeat On</b><br /> 
      <input type="checkbox"> Monday 
      <input type="checkbox"> Tuesday 
      <input type="checkbox"> Wednesday 
      <input type="checkbox"> Thursday 
      <input type="checkbox"> Friday 
      <input type="checkbox"> Saturday 
      <input type="checkbox"> Sunday 
      <br /> 
      <div class="row"> 
       <div class="col-md-5"> 
        <select> 
         <option>Test Option</option> 
        </select> 
       </div> 
       <div class="col-md-5"></div> 
       <div class="col-md-2"> 
        <input type="checkbox" /> All Year<br /> 
        <input type="checkbox" /> All Day 
       </div> 
</div>`) 
      .open(); 
    }; 

そして、これは私が（どのように任意のチェックボックスを選択コントロールに気づく取得していますモーダルです）：

私のコードを構成する方法に問題はありますか？あなたは私の角4アプリでモーダルを得るための簡単なソリューション/ライブラリを知っていますか？予め

おかげで、

Answer 1

BSは、そのフォームフィールドを有する特定の種類であってもよいです。今、あなたの対応checkboxテキストがlabelタグに包まれていません

<div class="checkbox"> 
    <label> 
     <input type="checkbox"> Check me out 
    </label> 
</div> 

：私は、彼らがこのようにチェックボックスフィールドを使用していることに気づきました。フォームタグにフィールドを持たないことも問題の原因になる可能性があります。希望が助けます