ionic

by divyanshu013

HTML

<script src="http://code.ionicframework.com/1.0.0-beta.6/js/ionic.bundle.js"></script>
<link rel="stylesheet" href="http://code.ionicframework.com/1.0.0-beta.6/css/ionic.css">
<div>
  <div>
    <ion-view view-title="Testing">

      <ion-header-bar align-title="center" class="bar">
      </ion-header-bar>

      <ion-content class="scrollBar">

        <ion-searchbar class="searchBar" ng-app="myApp" ng-controller="SearchController">
          <label>
            <input class="searchField" type="search" ng-model="itemsSearch" />
            <a class="clear" data-ng-click="alert()">X</a>
            <i class="icon ion-search placeholder-icon"></i>
          </label>
        </ion-searchbar>

      </ion-content>
    </ion-view>
  </div>
</div>

JavaScript

var SampleApp;
(function(SampleApp) {

    var app = angular.module('myApp', ['ionic']);
    app.controller('SearchController', function($http, $scope, $state) {

      $scope.saveParentComment = function() {
        $scope.itemsSearch = "";
        alert();
      };

    })(SampleApp || (SampleApp = {}));