javascript - Use of ionic modal gives blank black screen -
i making app in ionic framework.
when click on button supposedly open ionicmodal, shows blank black screen.
html code:
<div class="well"> <h4>add proof</h4> <button style="width:100px;height:10px" class="button button-dark" ng-click="modal.show()">add</button> </div> <script id="templates/newitem.html" type="text/ng-template"> <ion-modal-view> <ion-header-bar class="bar bar-header bar-positive"> <h1 class="title">add proof</h1> <button class="button button-clear button-primary" ng-click="modal.hide()">cancel</button> </ion-header-bar> <ion-content class="padding"> <div class="list"> <label> <h4>select pictures</h4> <button class="button button-small button-dark">browse</button> </label> <label class="item item-input"> <input type = "text" placeholder="description"> </label> </div> </ion-content> </ion-modal-view> </script>
controller code:
.controller('proctrl', ['$scope', '$state', '$ionicmodal', function($scope, $state, $ionicmodal) { $ionicmodal.fromtemplateurl('templates/newitem.html', { scope: $scope }).then(function(modal) { $scope.modal = modal; }); }]);
what wrong in code?
if index.html file contain
<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
remove it.
Comments
Post a Comment