Witam. Potrzebuję pomocy przy rozwiązaniu dziwnego problemu. Otóż napisałem prostą funkcję, która czyści input na kliknięcie buttona, lecz gdy input i button są zawarte w jednym ze stateów to owa funkcjonalność nie działa. Natomiast gdy input i button są na "stronie głównej" (nie w state) to wtedy wszystko pięknie gra.


<!DOCTYPE html>
<html ng-app="app">
<head>
    <title>Lista rzeczy do zrobienia</title>

    <!--jquery-->
    <script src="jquery/jquery.min.js"></script>
    <!--jquery-->

    <!--Bootstrap components-->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-theme.css" rel="stylesheet" />
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <!--Bootstrap components-->

    <!--angularjs-->
    <script src="angularjs/angular.js"></script>
    <script src="angularjs/ngStorage.js"></script>
    <script src="angularjs/ngRoute.js"></script>
    <!--angularjs-->

    <!--datapicker-->
    <link rel='stylesheet' href='css/ng-bs3-datepicker.css'>
    <script src='js/moment.js'></script>
    <script src='js/pl-pl.js' charset='utf-8'></script>
    <script src='angularjs/ng-bs3-datepicker.js' charset='utf-8'></script>
    <!--datapicker-->

    <!--aplication-->
    <script>
        var app = angular.module("app", ['ui.router']); 

        app.config(function($stateProvider, $urlRouterProvider){

            $urlRouterProvider.otherwise("/first");

            $stateProvider
            .state("first", {
                url: "/first",
                templateUrl: "first.html"
            })
            .state("second", {
                url: "/second",
                templateUrl: "second.html"
            });

        });

        app.controller("ctrl", function($scope){

            $scope.searchAll = "";

            $scope.clearSearch = function () {
                $scope.searchAll = "";
            };
        });
    </script>
    <!--aplication-->

</head>
<body ng-controller = "ctrl">
    <div class = "container" >

        <button type="button" class="btn btn-success"><a ng-href="#/first">First</a></button>
        <button type="button" class="btn btn-success"><a ng-href="#/second">Second</a></button>
        <br>
        <ui-view><ui-view>

    </div>
</body>
</html>

STATE 1


FIRST SIDE!!!!!
<input type="text" class="form-control" ng-model="searchAll"></input> 
<a  href=""  data-ng-click="clearSearch()">X</a>

STATE 2


SECOND SIDE!!!!