javascript - state provider and route provider in angularJS

Below is my app.js
file

angular

            .module('repoApp', [
 'ngAnimate',
 'ngAria',


            'ngCookies',
 'ngMessages',
 'ngResource',

            'ngRoute',
 'ngSanitize',
 'ngTouch',

            'ui.bootstrap',
 'ui.router'
 ])
 .config(function
            ($routeProvider) {

 $routeProvider
 .when('/',
            {
 templateUrl: 'views/main.html',
 controller:
            'MainCtrl'
 })
 .when('/about', {
 templateUrl:
            'views/about.html',
 controller: 'AboutCtrl'
 })

            .when('/login', {

 templateUrl: 'views/loginPage.html',

            controller: 'loginCtrl'
 })
 .otherwise({
 redirectTo:
            '/'
 });
 });
angular

            .module('loginState',['ui.router']);

Below
is my states
file

angular

            .module('repoApp')
 .config(function ($stateProvider) {


            $stateProvider.state('home1', {
 url:'/home1',
 templateUrl:
            'views/modals/test.html'

 })

            .state('secondState',{
 url:'/secondState',
 templateUrl:
            'views/modals/secondStateTest.html'
 });

            });

The problem is,
using my html i navigate to login
page.

 
            href="#/">Home
 
            ng-href="#/about">About
 
            ng-href="#/">Contact
             class="loginShift">Login

            

but I am
trying to hit the state as soon my flow hit the
controller

angular.module('repoApp')

            .controller('loginCtrl', function ($scope,$modal,$state) {

            $scope.awesomeThings = [
 'HTML5 Boilerplate',

            'AngularJS',
 'Karma'
 ];
 $state.go('home1');

            $scope.openDialog = function () {
 $modal.open({


            keyboard: 'static',
 templateUrl: 'views/login/loginCred.html',

            });
 }; 

            });

but I am not able
to hit the home state.
If I change my states file i.e

$stateProvider.state('home1',
            {
 url:'/login',
 templateUrl: 'views/modals/test.html'

            })

here I changed URL.
It works fine now.

I have a template from where
I want to navigate to a next
state

            data-ng-click="openDialog()">open ME!
            ui-sref="secondState">click
            here

but
as soon I click this anchor tag it navigates me back to home page. ie not to the state I
intend to go.
The main issue is URL(i guess) any help will be
appreciated.