角度模板中的奇怪行为

Question

我正在做角度应用。在动态包含模板之后，包含的html会混乱。以下是我的应用的外观：

---

的index.html

<div class="container">
    <div ng-view></div>
</div>

我们使用动态的HTML包含

---

title.html

<select class="system" ng-model="system" ng-options="system for system in select_system" ng-change="addCommands()"></select>
<br/>
<select class="commands" ng-show="commands_exist()"  ng-model="template" ng-options="command.name for command in select_commands">
</select>

<div ng-include="template.url" class="container">
</div>

包含的模板：

---

checkjob.html

<h3>checkjob</h3>

<table>
  <tr>
      <td>
        <select ng-model="option">
          <option>-l</option>
          <option>-n</option>
          <option>-q</option>
          <option>-v</option>
        </select>
      </td>

      <td>
        <p>[-l policylevel]</p>
        <p>[-n nodeid]</p>
        <p>[-q qosid]</p>
        <p>[-r reservationid]</p>
        <p>[-v] [--flags=future]</p>
      </td>

      <td class="col-md-2">
        <input type="text" ng-model="param1">
        <label>jobID:</label>
        <input type="text" ng-model="param2">
        <button>Enter</button>
      </td>
  </tr>
</table>

问题是在jsfiddle我的html看起来很正常，但在我的应用程序中看起来很糟糕。 我的应用：

的jsfiddle： http://jsfiddle.net/y1hkmkse/