всплывающее окно ionic1 не работает с начальной загрузкой

#angularjs #twitter-bootstrap #ionic-framework #popup

#angularjs #twitter-bootstrap #ionic-framework #всплывающее окно

Вопрос:

Я искал некоторые ответы, но не смог найти именно то, что я хочу. я хочу увидеть в теге 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;
        }
      }
    }
  ]
});
  

Вот мой скриншот

Комментарии:

1. Где именно вы хотите значок?

2. я взял код отсюда, это то, что я хочу сделать bootsnipp.com/snippets/featured/register-page

3. Вы ссылались на FontAwesome CSS в своем коде? Если нет, пожалуйста, добавьте <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"> в index.html