通过angularJS为聊天机器人添加html代码，但无法正常工作

Question

我正在通过角度显示日历。当我使用下面的代码时，它可以完美地工作。 但是，当我在运行时将相同的代码附加到聊天机器人对话框上时，它将不再起作用。日期选择器不再显示。

<div class="col-lg-12">
 <div class="input-group">
    <input type="text" 
      class="form-control text-box datetimepicker ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required ng-valid-date" 
      name="txtIndividualDeparture" 
      placeholder="Departure" 
      uib-datepicker-popup="dd-MMM-yyyy" 
      ng-model="txtIndividualDeparture" 
      is-open="Departure.opened" 
      datepicker-options="departuredateOptions" 
      show-button-bar="false" 
      ng-required="true" 
      close-text="" 
      alt-input-formats="travel.altInputFormats" 
      ng-click="Departure.opened = true" 
      ng-change="setReturnMinDateIndividual()" 
      required="required">
    <div uib-datepicker-popup-wrap="" 
      ng-model="date" 
      ng-change="dateSelection(date)" 
      template-url="uib/template/datepickerPopup/popup.html" 
      class="ng-pristine ng-untouched ng-valid ng-scope ng-empty">
      <!-- ngIf: isOpen -->
    </div>
    <div class="input-group-addon" ng-click="Departure.opened = true"><i class="fa fa-calendar" aria-hidden="true"></i></div>
 </div>
</div>