ionic1弹出窗口不能与bootstrap

Question

我搜索了一些答案，但无法找到我想要的答案。 我想在I标签上看到名称文字留下的小用户图标，但它没有看到。是因为引导还是我错了

var myPopup = $ionicPopup.show({
  template: '<div class="form-group"> <label for="name" class="cols-sm-2 control-label">Your name</label>'+
    '<div class="cols-sm-10"> <div class="input-group">'+
    '   <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span>'+
    '<input type="text" class="form-control" name="name" id="name"  placeholder="Enter your name.."/>'+
    '</div>     </div>  </div>'+



  ' <select name="repeatSelect" id="repeatSelect" ng-model="data.model">'+
  '<option ng-repeat="option in data.availableOptions" value="{{option.id}}">{{option.name}}</option>',

  scope: $scope,
  buttons: [
    { text: 'Cancel' },
    {
      text: '<b>Save</b>',
      type: 'button-positive',
      onTap: function(e) {
        if (!$scope.data.wifi) {
          //don't allow the user to close unless he enters wifi password
          e.preventDefault();
        } else {
          return $scope.data.wifi;
        }
      }
    }
  ]
});

Here is my screenshot