Javascript <；md自动完成隐藏在asp.net中_Javascript_Angularjs_Asp.net Mvc 4

Javascript <；md自动完成隐藏在asp.net中

javascript angularjs asp.net-mvc-4

Javascript <；md自动完成隐藏在asp.net中,javascript,angularjs,asp.net-mvc-4,Javascript,Angularjs,Asp.net Mvc 4,我在执行时遇到了一个问题 <html lang="en" ng-controller="LoginController as ctrl" ng-app="myApp"> <head> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0

我在执行时遇到了一个问题

<html lang="en" ng-controller="LoginController as ctrl" ng-app="myApp">
<head>
    <link rel="stylesheet"
     href="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
    <script src="~/Scripts/Contoller/AutoCompleteController.js"></script>
</head>

<body>
   
        <md-content class="md-padding">
            <form ng-submit="$event.preventDefault()">         
                <md-autocomplete ng-disabled="ctrl.isDisabled"
                                 md-no-cache="ctrl.noCache"
                                 md-selected-item="ctrl.selectedItem"
                                 md-search-text-change="ctrl.searchTextChange(ctrl.searchText)"
                                 md-search-text="ctrl.searchText"
                                 md-selected-item-change="ctrl.selectedItemChange(item)"
                                 md-items="item in ctrl.querySearch(ctrl.searchText)"
                                 md-item-text="item.display"
                                 md-min-length="0"
                                 placeholder="US State?">

                    <md-item-template>
                        <span md-highlight-text="ctrl.searchText"
                              md-highlight-flags="^i">{{item.display}}</span>
                    </md-item-template>

                    <md-not-found>
                        No states matching "{{ctrl.searchText}}" were found.
                        <a ng-click="ctrl.newState(ctrl.searchText)">Create a new one!</a>
                    </md-not-found>
                </md-autocomplete>
          

              
            </form>
        </md-content>
   
</body>
</html>

var httpTimeout = 1800000;
var httpTimeoutSearch = 3600000;
angular.module('MyApp', ['ngStorage'])
var app = angular.module('myApp', []);
app.controller('LoginController', ['$scope', '$window', '$rootScope', '$http', '$location', function ($scope, $window, $rootScope, $http, $localStorage, $location, $timeout, $q, $log) {
    alert("in");
    var self = this;
    self.simulateQuery = false;
    self.isDisabled = false;

    // list of states to be displayed
    self.states = loadStates();
    self.querySearch = querySearch;
    self.selectedItemChange = selectedItemChange;
    self.searchTextChange = searchTextChange;
    self.newState = newState;

    function newState(state) {
        alert("This functionality is yet to be implemented!");
    }

    function querySearch(query) {
        var results = query ? self.states.filter(createFilterFor(query)) :
            self.states, deferred;

        if (self.simulateQuery) {
            deferred = $q.defer();

            $timeout(function () {
                deferred.resolve(results);
            },
                Math.random() * 1000, false);
            return deferred.promise;
        } else {
            return results;
        }
    }

    function searchTextChange(text) {
        $log.info('Text changed to ' + text);
    }

    function selectedItemChange(item) {
        $log.info('Item changed to ' + JSON.stringify(item));
    }

    //build list of states as map of key-value pairs
    function loadStates() {
        var allStates = 'Alabama, Alaska, Arizona, Arkansas, California, Colorado, Connecticut, Delaware,\
                      Florida, Georgia, Hawaii, Idaho, Illinois, Indiana, Iowa, Kansas, Kentucky, Louisiana,\
                      Maine, Maryland, Massachusetts, Michigan, Minnesota, Mississippi, Missouri, Montana,\
                      Nebraska, Nevada, New Hampshire, New Jersey, New Mexico, New York, North Carolina,\
                      North Dakota, Ohio, Oklahoma, Oregon, Pennsylvania, Rhode Island, South Carolina,\
                      South Dakota, Tennessee, Texas, Utah, Vermont, Virginia, Washington, West Virginia,\
                      Wisconsin, Wyoming';

        return allStates.split(/, +/g).map(function (state) {
            return {
                value: state.toLowerCase(),
                display: state
            };
        });
    }

    //filter function for search query
    function createFilterFor(query) {
        var lowercaseQuery = angular.lowercase(query);
        return function filterFn(state) {
            return (state.value.indexOf(lowercaseQuery) === 0);
        };
    }
}]);