javascript - Strange behaviour in angular template -

javascript - Strange behaviour in angular template -

i'm doing angular app. , after dynamically including template, included html messes up. here's how app looks:

index.html

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

html utilize dynamic include

title.html

<select class="system" ng-model="system" ng-options="system scheme in select_system" ng-change="addcommands()"></select> <br/> <select class="commands" ng-show="commands_exist()" ng-model="template" ng-options="command.name command in select_commands"> </select> <div ng-include="template.url" class="container"> </div>

and included template:

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>

the thing in jsfiddle html looks normal, in app looks bad. app:

jsfiddle: http://jsfiddle.net/y1hkmkse/

javascript html css angularjs