javascript - 每个使用 ionic v1 和 angularjs 的页面中都有奇怪的点

标签 javascript html css angularjs ionic-framework

我不知道为什么,但是在我的网络应用程序的每个页面上,在左上角都有一个像这样的点:

dot

我认为这是一个 html 问题,事实上运行下面的代码片段你可以看到:

<ion-view view-title="Invia feedback">
  <ion-content class="ioncontentcatalog">
    <li>
        <h2 class="sub-header" style="color:#4e67c3;" ng-if=logged>Invia feedback</h2> 
        <h2 class="sub-header" style="color:#4e67c3;" ng-if=!logged>Per poter mandare un feedback devi registrarti!</h2> 
        <form name="feedback">
            <div class="list" ng-if=logged>
                    <label class="item item-input">
                        <textarea name="Text1" cols="40" rows="5" ng-model="feedbacktext" required></textarea>
                    </label>
                    <label ng-show="feedback.$invalid"> Scrivi qualcosa </label>
                    <label class="item">
                      <button class="button button-block button-positive"  ng-disabled="feedback.$invalid" ng-click="send(feedbacktext)">Invia</button>
                    </label>            
            </div>
        </form>
      </li>
  </ion-content>
</ion-view>

但是,我还放置了此页面的 Controller :

.controller('SendFeedbackCtrl', function($scope, $stateParams, $ionicPopup, restService) {
   var token = localStorage.getItem("token");
   $scope.tknuser = JSON.parse(token);
   $scope.logged = false;
    
   $scope.feedbackform = { 
       message: "adad",
       readfb: false,
       user: {
                  iduser: -1
                }
   };

以及使用的类样式:

.ioncontentcatalog {
            background-image: url('../img/background.png')
        }

这很奇怪,我不知道如何解决。

最佳答案

这是 li 默认样式,添加此 CSS 规则即可将其删除:

list-style

https://developer.mozilla.org/en/docs/Web/CSS/list-style

.ioncontentcatalog li{
  list-style: none;
}
<ion-view view-title="Invia feedback">
  <ion-content class="ioncontentcatalog">
    <li>
        <h2 class="sub-header" style="color:#4e67c3;" ng-if=logged>Invia feedback</h2> 
        <h2 class="sub-header" style="color:#4e67c3;" ng-if=!logged>Per poter mandare un feedback devi registrarti!</h2> 
        <form name="feedback">
            <div class="list" ng-if=logged>
                    <label class="item item-input">
                        <textarea name="Text1" cols="40" rows="5" ng-model="feedbacktext" required></textarea>
                    </label>
                    <label ng-show="feedback.$invalid"> Scrivi qualcosa </label>
                    <label class="item">
                      <button class="button button-block button-positive"  ng-disabled="feedback.$invalid" ng-click="send(feedbacktext)">Invia</button>
                    </label>            
            </div>
        </form>
      </li>
  </ion-content>
</ion-view>

关于javascript - 每个使用 ionic v1 和 angularjs 的页面中都有奇怪的点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44607023/

相关文章:

javascript - 如何使用 xirr 公式的 Javascript 类

html - 如何将 3 个 HTML 元素放在一行中?

javascript - date.Parse() 的问题

jquery - 如何在 angular2 中从 jQuery 获取样式

javascript - 如何在 Nuxt.js 元素的页面中包含 CSS

javascript - 先前尝试失败时,Firefox 未完成一系列调用

字符串大小写的 JavaScript 开关大小写比较行为

javascript - HTML5 : Play video from stored binary string

java - 如何在不使用 url 参数的情况下将参数传递到新选项卡

html - 如何在 Bootstrap 中制作 960 粘性页脚?